Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Making Twitter Bootstrap 2.0's responsive layout completely fixed

The Twitter Bootstrap 2.0-wip branch on GitHub includes a new responsive layout system. It's great for apps that need that level of responsiveness, but I'm developing a web-only app that needs to have a completely fixed layout.

Is there any easy way to override Bootstrap's responsive layout?

You can see it in action by cloning their repo, branching to 2.0-wip, and opening docs/scaffolding.html in your browser.

Thanks in advance!

like image 619
Josh Smith Avatar asked Jan 01 '12 22:01

Josh Smith


2 Answers

Note, in 2.0.1+ the responsiveness has been moved to its own file, so it is turned off by default. To turn it on you include bootstrap-responsive.css or responsive.less. http://twitter.github.com/bootstrap/scaffolding.html#responsive

like image 50
studgeek Avatar answered Sep 21 '22 12:09

studgeek


Just remove the @media queries found in the bootstrap.css file on line 2684. That should eliminate all of the responsive qualities and just leave the standard container width intact.

@media (min-width: 768px) and (max-width: 940px) { ..... }
like image 41
Andres Ilich Avatar answered Sep 19 '22 12:09

Andres Ilich