Bootstrap 4 - Navbar items outside the collapse

Question

Ok so I have to admit this is something I have always struggled with getting to work correctly even in BS3. But I want to have navbar links outside of the collapsed containe

Answer 1

The simplest way is using the flexbox utility classes, so no extra CSS is needed. Keep the items you always want to show out of the navbar-collapse div.

https://www.codeply.com/go/TWZGiy3VGw

    Navbar
    

        

            

            

            

            

        
        
            
        
    
    

        

            
Home
            
Features
            
Pricing
            

                Dropdown link
                

                    Action
                    Another action
                    Something else here
                
            
        
    

Notice the use the responsive order-* classes to ensure the collapse menu items remain last (order-3) when in the collapsed/mobile breakpoint.