Changing Bootstrap Navbar Breakpoint for version 3.1

Changing Bootstrap Navbar Breakpoint for version 3.1

If your bootstrap navbar’s number of link is not cover under breakpoint 768px then we can change its breakpoint  like 1280px , 1920 and so on. But always remember  css for bootstrap 3.1 ,boostrap 4 and bootstrap 2 is different so if you ignore this then face problem like on click automatically close of navbar.

Changing Bootstrap Navbar Breakpoint for version 3.1


@media (max-width: 1280px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}

Bootstrap

Leave a Reply

Your email address will not be published. Required fields are marked *

Do you have any Query / Suggestion