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

Question

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

Answer 1

选项1 :

为width > 1430px(1400px + 2*15px填充)的设备添加断点:

Bootstrap 3:

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

Bootstrap 4:

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

选项#2:

自定义Bootstrap资产,更改这些变量:

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

并下载它.