【发布时间】:2013-05-17 16:42:19
【问题描述】:
我有一个关于网格系统的基本引导问题。当您使用标准网格并应用容器类时,您的容器宽度默认为 940 像素。如果我希望我的容器更大,我是否可以使用流体网格系统,以便我的跨度类扩展以填充整个容器?
【问题讨论】:
标签: css twitter-bootstrap grid
我有一个关于网格系统的基本引导问题。当您使用标准网格并应用容器类时,您的容器宽度默认为 940 像素。如果我希望我的容器更大,我是否可以使用流体网格系统,以便我的跨度类扩展以填充整个容器?
【问题讨论】:
标签: css twitter-bootstrap grid
当您使用标准网格时,容器、行和跨度大小是固定的(以像素为单位),而流体网格的大小是动态的(以百分比为单位)。
正如你所说,容器宽度在标准网格中默认为 940 像素,在流体网格中为 100%。不必为了使容器更大而使用流体网格,这取决于您的需求(是否需要您的设计具有响应性)。一个简单的解决方案是在包含 bootstrap.css 文件后覆盖容器类(.container)的宽度值。
.container {
width: 1024px;
}
希望这会有所帮助!
编辑:还需要覆盖跨度宽度!
【讨论】:
SpanX 大小是固定的。我的建议是使用容器流体和行流体。如果您不希望您的容器流体宽度为 100%,请覆盖它(例如宽度:1024px)并且跨度类可以调整。