Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Twitter bootstrap 3 responsive but should be fixed

I am under the impression that there is not a fixed grid system with the new Twitter Bootstrap 3. Am I correct in making this assumption? I've searched the documentation but all I find is the new grid system that is responsive. The project that I am currently working on does not require the site to be responsive. There is probably a simple solution here.

like image 873
tDiesel Avatar asked Jul 31 '13 20:07

tDiesel


2 Answers

Yes, you are correct in that the new grid is fluid only. You can create a simple fixed layout with a wrapper like this..

<div class="container-fixed">

.. the usual Bootstrap markup here...

</div>

CSS

.container-fixed {
  margin: 0 auto;
  max-width: 800px;
}

Example: http://bootply.com/71142

Update for Bootstrap 3.1

The container-fluid has returned in Bootstrap 3.1.. http://www.bootply.com/121222

like image 74
Zim Avatar answered Oct 21 '22 00:10

Zim


Not sure if this was written at the time of the original question, but the documentation gives the steps on how to disable the responsiveness.

http://getbootstrap.com/getting-started/#disable-responsive

like image 34
akvallejos Avatar answered Oct 21 '22 02:10

akvallejos