Bootstrap 4: Dropdown menu is going off to the right of the screen

Question

I can\'t seem to get the drop down items to not go off the page. I tried a couple of things from BS3 but they don\'t seem to work. I\'m not sure if its because of the

Answer 1

Bootstrap has this built in already: See Menu Alignment. Just add the dropdown-menu-right class to the dropdown-menu div.

Working Example: (open Full Page)

  
        
    

  Company

  

    

      
      
      Find Jobs
    

    

      

        
          Post Job
        
      
      

        
          Register
        
      
      

        
          Profile
        
      
      

        
          My Jobs
        
      
      

        
          My Searches
        
      
      

        
          Employer Dashboard
        
      
      

        
          Login
        
      
      

        
          Logout
        
      
    

    

      

        
          Account
        
        

          
            Register
          
          
            Profile
          
          
            My Jobs
          
          
            My Searches
          
          
            Employer Dashboard
          
          
            Login
          
          
            

            Logout