How to turn off the responsive feature Twitter Bootstrap ?
<HEAD>
<meta name="viewport" content="width=device-width, initial-scale=1">
CSS3
@media only screen and (max-width : 1197px) {
.container{ width:1170px !important;
float:none;
margin:0 auto;
}
body { float:left; min-width:100%; }
.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;
}
.navbar-header {
height: 0;
}
button.navbar-toggle {
display: none;
}
#bs-example-navbar-collapse-1 {
float: right;
}
[class*=" col-"],
[class^="col-"]
{ float:left;}
.col-sm-6{ width:50%; }
.col-sm-2 { width: 16.6667%; }
.col-sm-4 { width: 33.3333%; }
}
@-ms-viewport{
width: device-width;
}
<meta name="viewport" content="width=device-width, initial-scale=1">
CSS3
@media only screen and (max-width : 1197px) {
.container{ width:1170px !important;
float:none;
margin:0 auto;
}
body { float:left; min-width:100%; }
.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;
}
.navbar-header {
height: 0;
}
button.navbar-toggle {
display: none;
}
#bs-example-navbar-collapse-1 {
float: right;
}
[class*=" col-"],
[class^="col-"]
{ float:left;}
.col-sm-6{ width:50%; }
.col-sm-2 { width: 16.6667%; }
.col-sm-4 { width: 33.3333%; }
}
@-ms-viewport{
width: device-width;
}
Comments
Post a Comment