how do I change the width of the container?

Question

I have used Twitter Bootstrap to develop a website with the fixed container class, but now i wants the website to be 960px width and not 1170px. I don't use the .less files.

Is there a quick way to fix this?

score 0 · Answer 1 · answered Sep 21 '13 at 12:23

0

If you do not want to compile it yourself, you can get a customized version from the official website with necessary parameters.

answered Sep 21 '13 at 12:23

fjarri

8,928
35
47

score 0 · Answer 2 · answered Sep 21 '13 at 12:25

0

Add this after your bootstrap.css

.container
{
min-width: 960px !important;
max-width: 960px !important;
width: 960px !important;
}

Maybe not all are required, but just to be sure.

answered Sep 21 '13 at 12:25

Admir Tuzović

10,517
7
31
69

score 0 · Answer 3 · answered Sep 21 '13 at 14:01

0

Create a custom fixed width container..

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

And use this instead of .container. Here is a working demo on Bootply: http://bootply.com/71142

answered Sep 21 '13 at 14:01

Zim

296,800
77
616
554

score 0 · Answer 4 · edited May 23 '17 at 10:33

0

As Answered HERE - Its best to extend the bootstrap(.min).css rather than editing the file your self if you are using a CDN customizing the core css isn't an option.

edited May 23 '17 at 10:33

Community

1
1

answered Apr 29 '16 at 01:20

Lucas L Jordan

61
5

how do I change the width of the container?

4 Answers4