css - Bootstrap 使用流体网格与标准网格

Question

我有一个关于网格系统的基本 Bootstrap 问题。当您使用标准网格并应用容器类时，您的容器宽度最终默认为 940px。如果我希望我的容器更大，我是否会使用流体网格系统以便我的跨度类扩展以填充整个容器？<​​/p>

Answer 1

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

如您所说，容器宽度在标准网格中默认为 940px，在流体网格中默认为 100%。没有必要仅仅为了让你的容器变大而使用流体网格，这取决于你的需要(如果你需要你的设计响应或不响应)。一个简单的解决方案是在包含 bootstrap.css 文件后覆盖容器类 (.container) 的宽度值。

.container {
  width: 1024px;
}

希望这对您有所帮助!

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