【问题标题】:Bootstrap using fluid grid vs standard grid使用流体网格与标准网格的 Bootstrap
【发布时间】:2013-05-17 16:42:19
【问题描述】:

我有一个关于网格系统的基本引导问题。当您使用标准网格并应用容器类时,您的容器宽度默认为 940 像素。如果我希望我的容器更大,我是否可以使用流体网格系统,以便我的跨度类扩展以填充整个容器?

【问题讨论】:

    标签: css twitter-bootstrap grid


    【解决方案1】:

    当您使用标准网格时,容器、行和跨度大小是固定的(以像素为单位),而流体网格的大小是动态的(以百分比为单位)。

    正如你所说,容器宽度在标准网格中默认为 940 像素,在流体网格中为 100%。不必为了使容器更大而使用流体网格,这取决于您的需求(是否需要您的设计具有响应性)。一个简单的解决方案是在包含 bootstrap.css 文件后覆盖容器类(.container)的宽度值。

    .container {
      width: 1024px;
    }
    

    希望这会有所帮助!

    编辑:还需要覆盖跨度宽度!

    【讨论】:

    • 我是否还需要使用“row-fluid”类,或者如果我只使用“row”,跨度类是否会根据容器大小进行调整?
    • SpanX 大小是固定的。我的建议是使用容器流体和行流体。如果您不希望您的容器流体宽度为 100%,请覆盖它(例如宽度:1024px)并且跨度类可以调整。
    • 完美就是我所期望的行为,我只是想确认一下。感谢您的帮助。
    猜你喜欢
    • 2015-04-24
    • 2012-07-01
    • 2014-04-29
    • 2014-05-15
    • 1970-01-01
    • 2013-11-03
    • 1970-01-01
    相关资源
    最近更新 更多