javascript - Change navbar collapse width Twitter Bootstrap 3 -
i attempting workout how modify collapse width of navbar within bootstrap 3 collapse @ earlier width. have found several suggestions none seem work. closest got code post twitter bootstrap 3 navbar-collapse - set width collapse
here's post used:
@media (max-width: 1280px) { .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
}
this causes collapse happen when want however, breaks collapse @ same time. collapse button appears when it's supposed when click on menu appears second , automatically closes. there way stop auto close?
there easy way do this,
- click here customize bootstraps less variables
- change
@grid-float-breakpoint
size of choice - click compile , download
- use resulting css on page!
Comments
Post a Comment