Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Bootstrap 3: Can a nav-pills nav menu collapse like navbar?

Bootstrap 3: Can a nav-pills nav menu collapse like navbar?

Problem

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:

Problem courtesy of: redshift

Solution

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.

Solution courtesy of: Bogac

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Bootstrap 3: Can a nav-pills nav menu collapse like navbar?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×