title: Remove dropdown link and show all of its items in navbar menu
body: <p>I'm using Twitter Bootstrap and its responsive design for the typical Twitter Bootstrap navbar menu at the top.</p>
  
  <p>In there i have a few links and a dropdown menu. When i resize my browser to <code>768px</code> or less, it hen transforms into a new sort of nav menu.</p>
  
  <p>This all works fine out of the box, but what i'd like to have is that the dropdown menu is also expanded.</p>
  
  <p>What happends now is that the dropdown menu is still collapsed. When i open it, it then creates a scrollbar inside that menu container which i really don't like.</p>
  
  <p>Here's a screenshot of what i mean:</p>
  
  <p><img src="https://i.stack.imgur.com/fGDIT.jpg" alt="enter image description here"></p>
  
  <p>Example: <a href="http://getbootstrap.com/examples/jumbotron/" rel="nofollow noreferrer">http://getbootstrap.com/examples/jumbotron/</a></p>
  
  <p>How can i remove the open/close <code>Dropdown</code> link, and have all of its items listed inside that menu so that it doesn't create an ugly scrollbar on the side of the menu?</p>