【问题标题】:Twitter Bootstrap: guttersTwitter Bootstrap:排水沟
【发布时间】:2012-10-10 17:30:44
【问题描述】:

据我了解,排水沟是列之间的空白。问题:

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

【问题讨论】:

    标签: css twitter-bootstrap


    【解决方案1】:

    1。排水沟

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

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

    Check this doc (same with v3)

    重要提示:间距宽度用于其他几个规则,例如.rowmargin-left,或.containerwidth

    2。没有排水沟

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

    我自己更喜欢下载LESS文件,在variables.less之后导入一个覆盖文件,设置自己的变量并自己编译,这样我就可以升级Bootstrap而不用担心我之前的修改了。

    【讨论】:

    • 这两个链接都坏了
    • @portforwardpodcast 链接固定到最新的 v2 和 v3 文档