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
Post a Comment