title: How do I get twitter-bootstrap navbar subitems to collapse/expand on small screens?
body: <p>The twitter-bootstrap 'hero' example (<a href="http://twitter.github.io/bootstrap/examples/hero.html" rel="nofollow">http://twitter.github.io/bootstrap/examples/hero.html</a>) works well. At the risk of describing the obvious... On small screens, when the navbar menu is activated, only the first-level items are visible, sub-items are collapsed. When an item with child items is tapped, the child items expand and become visible. They can also be collapsed by tapping the parent again.</p>
  
  <p>I am using a bootstrap template on a Joomla site (<a href="http://wright.gvta.net/" rel="nofollow">http://wright.gvta.net/</a>). Unfortunately, when the navbar is activated on a small screen, it expands the many subitems. Tapping a parent item does not expand/collapse its child items.</p>
  
  <p>How do I get twitter-bootstrap navbar subitems to collapse/expand on small screens?
  What bootstrap code/files are responsible for this behaviour?</p>
  
  <p>I know some css and javascript, but not enough to figure this out.</p>
  
  <p>Thank you.</p>