Bootstrap 3 - 940px宽度网格？

Question

我在一个新项目上使用Bootstrap 3.布局为940px最大宽度(桌面等),12 col(60px列,20px天沟).

我已设置.container为a max-width: 940px;但由于某种原因,这会使网格关闭.这给了我50px柱子和30px排水沟.所以我需要将排水沟减少到20px并将10px添加到色谱柱.

但是我该怎么做？

Answer 1

使用:

@media (min-width: 1200px) {
  .container {
    max-width: 970px;
  }

注意:970减30px(装订线)为您的设计制作940px.

更新

请参阅:http://bootply.com/86257

将@ grid-gutter-width设置为20px; 并重新编译bootstrap.

在这种情况下,.container /.row的宽度为960px.在variabless.less中定义: @container-desktop: ((940px + @grid-gutter-width));

请注意,如果@container-large-desktop: @container-desktop在variables.less中设置我不需要上面的媒体查询.