[RESOLVED]Bootstrap custom width

Is there anyway to customize Bootstrap’s container width? eg. the entire width of the site.

Currently there’s a lot of white space on both sides of the page.

Hi,

You can search ".container" on bootsrap.css, and you find the following code:

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

Change it to your requirement and it is better to put it on a separate .css file. 

Have fun

Leave a Reply