Like Us Like Us Facebook Subscribe Subscribe us YouTube Whatsapp Share us Whatsapp Query Send your queries

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

0 0 votes
Article Rating
Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments