css - How do I get twitter-bootstrap navbar subitems to collapse/expand on small screens? -


the twitter-bootstrap 'hero' example (http://twitter.github.io/bootstrap/examples/hero.html) works well. @ risk of describing obvious... on small screens, when navbar menu activated, first-level items visible, sub-items collapsed. when item child items tapped, child items expand , become visible. can collapsed tapping parent again.

i using bootstrap template on joomla site (http://wright.gvta.net/). unfortunately, when navbar activated on small screen, expands many subitems. tapping parent item not expand/collapse child items.

how twitter-bootstrap navbar subitems collapse/expand on small screens? bootstrap code/files responsible behaviour?

i know css , javascript, not enough figure out.

thank you.

you'll need bootstrap collapse js. need <div class="nav-collapse collapse"> wraps navbar. finally, apply data-toggle="collapse" attribute button appears on smaller screens using css media queries.

see source code of this example working example


Comments

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

java Extracting Zip file -

C# WinForm - loading screen -