After experiencing success with the twitter-bootstrap 'hero' example, it has become evident that on small screens, the navbar menu only displays first-level items, with sub-items collapsed. However, tapping on an item with child elements expands them and makes them visible. This can also be reversed by tapping on the parent item again.
Utilizing a bootstrap template on a Joomla site has presented a challenge. When the navbar is activated on a small screen, it expands all subitems, failing to collapse them when tapping on the parent item.
How can I modify the twitter-bootstrap navbar to collapse/expand subitems on small screens? Which bootstrap code or files should I focus on to achieve this behavior?
Although familiar with some css and javascript, I lack the expertise to solve this issue on my own.
Any assistance would be greatly appreciated. Thank you.