twitter-bootstrap - 如何通过 BootStrap 创建 1400px 固定宽度的网站？

Question

我有宽度为 1400 像素的 PSD 文件。我想通过 BootStrap 3 创建该网站。但 Bootstap 默认宽度为 1170 像素。如何通过 BootStrap 制作我的 1400px 网站。提前致谢。

Answer 1

选项#1:

为 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;
  }
}

选项#2:

Customize your Bootstrap assets ，更改这些变量:

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

然后下载。