Bootstrap 3: Can a nav-pills nav menu collapse like navbar?
I understand that Bootstrap 3 ships with a navbar that collapse when viewed on smaller screens. However, I do not like the look of the navbar and have decided to style my main navigation menu using the
nav-pills class. Is it possible to collapse my nav-pills menu when viewing it on a phone device? Here's my nav code:
Here is a video on Youtube that shows how it is done: Bootstrap 3.1 Tutorial 1 - Responsive Grid Layouts By Default!
Basically what Dave does in this video, he makes 2 navigation bars, one with navbar other with nav-pills. Nabvar only visible in xs size, and nav-pills are hidden in xs.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here