How to make a Bootstrap 4 full width dropdown in Navbar?

Question

I\'m trying to make a full-width dropdown that looks like a collapse item - the full-width collapsable navigations that websites now use often. But I cannot figure out how t

Answer 1

Use w-100 (width:100%) on the dropdown-menu, and make sure the parent .dropdown is position-static to allow the menu to expand to full width...

    LOGO GOES HERE
    
        
    
    

        

            

                
          Dropdown
        
                

                    Action
                    Another action
                    

                    Something else here
                
            
        
    

https://www.codeply.com/go/0QHWWNsMyI

Alternative, set min-width in CSS:

https://www.codeply.com/go/fClz4WpC8u/bootstrap-4-dropdown-width

---

Complex "mega menu" example