Making Bootstrap 2 Non Responsive

I have ran into a problem with bootstrap version 2, I can't really make the grid fixed. It still goes wild on different screen sizes. I've wrapped all my html elements in a contain

Solution 1:

Decompress your css file and remove "MEDIA QUERIES" like:

// Landscape phones and down @media (max-width: 480px) { ... }  

// Landscape phone to portrait tablet@media (max-width: 767px) { ... }   

// Portrait tablet to landscape and desktop                  @media (min-width: 768px) and (max-width: 979px) { ... }

// Large desktop@media (min-width: 1200px) { ... }                       

Solution 2:

From your comment i understand you have a single css file.

You find the following and remove it completely :

@media screen and
(min-width: X px) and
(max-width: X px)

@media screen and
(min-device-width: X px) and
(max-device-width: X px)

You can use online tools to convert the min files to make it editable.

Solution 3:

You can remove these two lines from your page to if you have them in there.

<metaname="viewport"content="width=device-width, initial-scale=1.0"><linkhref="assets/css/bootstrap-responsive.css"rel="stylesheet">