Html css

How To Disable The Bootstrap 3 Navbar Collapse

Posted by Weston Ganger on November 13, 2015

I wanted to disable the navbar collapse feature on my bootstrap site.

We can add a few CSS rules to make this work using the normal html markup described on the Bootstrap 3 docs.


.navbar-collapse.collapse{
  display: block !important;
}

.navbar-nav>li, .navbar-nav{
  float: left !important;
}

.navbar-nav.navbar-right:last-child{
  margin-right: -15px !important;
}

.navbar-right{
  float: right !important;
}

Works like a charm.


Related External Links:


Posted in HTML / CSS and Tagged with bootstrap navbar css 


Need help on your next project or application?

I specialize in Ruby-on-Rails, AngularJS, Javascript, Bootstrap, and Hybrid Mobile Apps with Cordova & Ionic.

Contact Me

Recommended Posts