Friday, 20 March 2015

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;
}

No comments:

Post a Comment

Alternative content