Twitter Bootstrap:排水沟

时间:2012-10-20 05:10:47

标签: css css3 twitter-bootstrap

根据我的理解,排水沟是列之间的空白区域。问题:

  1. 在Bootstrap中,我假设排水沟是.container.container-fluid之间的空格。这是对的吗?
  2. 根据显示尺寸,装订线宽度似乎介于20px - 30px之间。如果设计不需要容器之间的间距怎么办?

1 个答案:

答案 0 :(得分:9)

1。排水沟

排水沟是.span之间的空格,无论是.row还是.row-fluid。但是,沟槽宽度由普通网格和流体网格的不同设置定义(一个固定在px,另一个固定在%)。

如果使用响应式布局,则根据屏幕宽度设置其他值。

Check this docsame with v3

重要提示:在其他几个规则中使用了装订线宽度,例如margin-left的{​​{1}}或{{1}的.row }}

2。没有排水沟

装订线宽度定义为LESS变量。如果您想使用没有排水沟的网格,您应该下载customized version of bootstrap - 参见网格系统same with v3)。

我自己更喜欢下载LESS文件,在width之后导入覆盖文件,设置我自己的变量并自己编译,以便我可以升级Bootstrap而不用担心我以前的修改。