CODEWITHSUNDEEP
twitter-bootstrap-3
Achmadnoorafzam
Achmadnoorafzam

Reputation: 13

How to disable Bootstrap 3 mobile responsive?

I was commenting these code at bootstrap.css and my page is now not responsive. But my navbar still responsive. how to disable that?

/*@media (min-width: 768px) {
      .container {
        width: 750px;
      }
    }
    @media (min-width: 992px) {
      .container {
        width: 970px;
      }
    }
    @media (min-width: 1200px) {
      .container {
        width: 1170px;
      }*/

Upvotes: 1

Views: 5707

Answers (2)

node_modules
node_modules

Reputation: 4925

Bootstrap made a non-responsive.css template to disable responsiveness for your template. Take a look at this documentation: http://getbootstrap.com/getting-started/#disable-responsive

Example: http://getbootstrap.com/examples/non-responsive

But I see you want to do it your own way, so you could try this:

@media (min-width: 768px) {
    .container, .navbar {
        width: 750px !important;
    }
}
@media (min-width: 992px) {
    .container, .navbar {
        width: 970px !important;
    }
}
@media (min-width: 1200px) {
    .container, .navbar {
        width: 1170px !important;
    }
}

Note that the code above will only apply to the classes container and navbar. There are other components/classes that should have static widths and heights. So I would recommend you to take a look at the example above.

Upvotes: 0

Khairul Islam
Khairul Islam

Reputation: 1215

Follow Bootstrap's official doc.

Upvotes: 1

Related Questions