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

标签 css twitter-bootstrap grid

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

最佳答案

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

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

.container {
  width: 1024px;
}

希望这对您有所帮助!

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

关于css - Bootstrap 使用流体网格与标准网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16614081/

相关文章:

css - telerik asp.net mvc grid - 如何在悬停时设置选定行的样式

Python Django 如何无法从 html 文件上的 views.py 呈现我的变量

image - 段落下方的 CSS 对齐图像

css - 如何相对于祖 parent div 设置 CSS 图像宽度

php - Bootstrap - 模态仅显示第一项

javascript - 使用 Bootstrap 主题从链接添加自定义类到 drupal-modal drupal 8

css - Bootstrap 4 列的 flex 对齐

jquery - Bootstrap twitter glyphicon 阴影 css

javascript - Flickr 网格系统

html - 带背景的 Bootstrap 列之间的间距