How to create 1400px fixed width website by BootStrap?

Question

I have PSD file that width is 1400px. I want create that website by BootStrap 3. But Bootstap default width is 1170px. How can I make my 1400px website by BootStrap. Thanks in advance.

Answer 1

Option #1 :

Add a breakpoint for devices with width > 1430px (1400px + 2*15px padding) :

Bootstrap 3:

@media (min-width: 1430px) {
  .container {
    width: 1400px;
  }
}

Bootstrap 4:

@media (min-width: 1430px) {
  .container {
    max-width: 1400px;
  }
}

Option #2 :

Customize your Bootstrap assets, changing these variables :

• @screen-lg: 1400px
• @container-large-desktop: ((1370px + @grid-gutter-width))

And download it.