CODEWITHSUNDEEP
twitter-bootstraptwitter-bootstrap-3
tDiesel
tDiesel

Reputation: 177

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.

Upvotes: 12

Views: 23265

Answers (3)

Carol Skelly
Carol Skelly

Reputation: 362430

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

Upvotes: 14

akvallejos
akvallejos

Reputation: 359

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

Upvotes: 7

Valentin Despa
Valentin Despa

Reputation: 42582

Similar to @Skelly's answer:

/* Reset the container */
.container {
  max-width: none !important;
  width: 970px;
}

Read about this in Disabling responsiveness

Non-responsive Bootstrap Template

Upvotes: 2

Related Questions