CODEWITHSUNDEEP
twitter-bootstrap
aslamdoctor
aslamdoctor

Reputation: 3935

how to use bootstrap fixed width layout for 1170px width?

I am creating a Bootstrap Template which is Non-responsive. So the width of the Non-responsive design in Bootstrap is 940px. But the issue here is, I am requested to use the layout width for 1170px only. So I would like to know if there is any provision in Bootstrap for making Non-responsive layouts with 1170px width?

Upvotes: 3

Views: 11412

Answers (2)

Pigueiras
Pigueiras

Reputation: 19356

You can customize the grid column width and the grid gutter width in the page of Customize Twitter Bootstrap. You need to increase the width of:

  • @gridColumnWidth
  • @gridGutterWidth

For example, if you put a @gridGutterWidth of 30px and @gridColumnWidth of 70px you will achieve that total width, without breaking the bootstrap grid.

EDIT: Also, if you are using LESS o SASS modify that two variables to accomplish that.

Upvotes: 1

Carol Skelly
Carol Skelly

Reputation: 362430

It looks like the older versions of Bootstrap did use 1170px, but it was changed to 940px (Why is the Twitter Bootstrap "fixed" layout NOT fixed?). If you want to use the latest (2.3.1) the best thing to do would be to override .container in your CSS...

.container {
    width:1170px;
}

Example: http://www.bootply.com/60156

Upvotes: 6

Related Questions