title: bootstrap large drop-down menu stuck left
body: <p>i am having an issue with a menu using bootstrap. The small drop down menus open fine and are aligned however the large drop down menus always align left even if the menu heading is on the far right of the screen</p>
  
  <p>i am looking to have one of the following happen</p>
  
  <p>1 - open in the middle below the heading</p>
  
  <p>2 - open to the right if its to far left</p>
  
  <p>3 - open to the left if its to far right</p>
  
  <p>i have created a fiddle of the issue
  <a href="https://jsfiddle.net/fu847jnw/2/" rel="nofollow">https://jsfiddle.net/fu847jnw/2/</a></p>
  
  <p>how can i acheive the above</p>
  
  <pre><code>&lt;div class="navbar-cont"&gt;
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="span12"&gt;
  
  
              &lt;div class="navbar navbar-default " role="navigation"&gt;
                  &lt;div class="container-fluid"&gt;
                      &lt;div class="navbar-header"&gt;
                          &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"&gt;&lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;&lt;span class="icon-bar"&gt;&lt;/span&gt;&lt;span class="icon-bar"&gt;&lt;/span&gt;&lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;/button&gt;
                      &lt;/div&gt;
                      &lt;div class="collapse navbar-collapse navbar-menubuilder"&gt;
                          &lt;ul class="nav navbar-nav navbar-left"&gt;
                              &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li&gt;&lt;a href="/products"&gt;Products&lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li&gt;&lt;a href="/about-us"&gt;About Us&lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li&gt;&lt;a href="/contact"&gt;Contact Us&lt;/a&gt;
                              &lt;/li&gt;
  
                              &lt;li class="dropdown"&gt;
                                  &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Single Drop Down &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                                  &lt;ul class="dropdown-menu"&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;My Account&lt;/a&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Wish List&lt;/a&gt;
                                      &lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
  
                              &lt;li class="dropdown dropdown-large"&gt;
                                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Large Dropdown &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  
                                  &lt;ul class="dropdown-menu dropdown-menu-large row"&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Glyphicons&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Available glyphs&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="disabled"&gt;&lt;a href="#"&gt;How to use&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Examples&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Dropdowns&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Aligninment options&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Headers&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Disabled menu items&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Button groups&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Basic example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Button toolbar&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Sizing&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Nesting&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Vertical variation&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Button dropdowns&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Single button dropdowns&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Input groups&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Basic example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Sizing&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Checkboxes and radio addons&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Navs&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Tabs&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Pills&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Justified&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Navbar&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Default navbar&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Buttons&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Text&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Non-nav links&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Component alignment&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Fixed to top&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Fixed to bottom&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Static top&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Inverted navbar&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                  &lt;/ul&gt;
  
                              &lt;/li&gt;
  
  
                              &lt;li class="dropdown dropdown-large"&gt;
                                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;This Is Really Large Title &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  
                                  &lt;ul class="dropdown-menu dropdown-menu-large row"&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Glyphicons&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Available glyphs&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="disabled"&gt;&lt;a href="#"&gt;How to use&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Examples&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Dropdowns&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Aligninment options&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Headers&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Disabled menu items&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Button groups&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Basic example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Button toolbar&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Sizing&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Nesting&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Vertical variation&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Button dropdowns&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Single button dropdowns&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Input groups&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Basic example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Sizing&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Checkboxes and radio addons&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Navs&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Tabs&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Pills&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Justified&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Navbar&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Default navbar&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Buttons&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Text&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Non-nav links&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Component alignment&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Fixed to top&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Fixed to bottom&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Static top&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Inverted navbar&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                  &lt;/ul&gt;
  
                              &lt;/li&gt;
  
                              &lt;li class="dropdown dropdown-large"&gt;
                                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Just Another Menu Type&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  
                                  &lt;ul class="dropdown-menu dropdown-menu-large row"&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Glyphicons&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Available glyphs&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="disabled"&gt;&lt;a href="#"&gt;How to use&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Examples&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Dropdowns&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Aligninment options&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Headers&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Disabled menu items&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Button groups&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Basic example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Button toolbar&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Sizing&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Nesting&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Vertical variation&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Button dropdowns&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Single button dropdowns&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Input groups&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Basic example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Sizing&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Checkboxes and radio addons&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Navs&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Tabs&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Pills&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Justified&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Navbar&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Default navbar&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Buttons&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Text&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Non-nav links&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Component alignment&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Fixed to top&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Fixed to bottom&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Static top&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Inverted navbar&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                  &lt;/ul&gt;
  
                              &lt;/li&gt;
  
                              &lt;li class="dropdown"&gt;
                                  &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Single Drop Down &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                                  &lt;ul class="dropdown-menu"&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;My Account&lt;/a&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Wish List&lt;/a&gt;
                                      &lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
  
  
                              &lt;li class="dropdown dropdown-large"&gt;
                                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Tmenu &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  
                                  &lt;ul class="dropdown-menu dropdown-menu-large row"&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Glyphicons&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Available glyphs&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="disabled"&gt;&lt;a href="#"&gt;How to use&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Examples&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Dropdowns&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Aligninment options&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Headers&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Disabled menu items&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Button groups&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Basic example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Button toolbar&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Sizing&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Nesting&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Vertical variation&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Button dropdowns&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Single button dropdowns&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Input groups&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Basic example&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Sizing&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Checkboxes and radio addons&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li class="divider"&gt;&lt;/li&gt;
                                              &lt;li class="dropdown-header"&gt;Navs&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Tabs&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Pills&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Justified&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li class="col-sm-3"&gt;
                                          &lt;ul&gt;
                                              &lt;li class="dropdown-header"&gt;Navbar&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Default navbar&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Buttons&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Text&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Non-nav links&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Component alignment&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Fixed to top&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Fixed to bottom&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Static top&lt;/a&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Inverted navbar&lt;/a&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
  
                                  &lt;/ul&gt;
  
                              &lt;/li&gt;
  
  
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>