html - Bootstrap 列宽度

标签 html twitter-bootstrap css

请先看一下附图enter image description here

我想在第一列中使用 20%,但是当我使用 col-md-2 时,它设置了 width: 16.6667% 我如何使用 Bootstrap 设置 20% 列。 我需要制作自己的 CSS 还是有一种方法可以自定义 bootstraps3

最佳答案

Bootstrap 网格系统基于 12 列。 这里有 Bootstrap 官方文档 http://getbootstrap.com/css/#grid

col-md-2 表示您要分配容器总宽度的 2/12,即 16.6667%

如果您想分配 20%,您可以在 col-md-2 附近添加一个类,而不是覆盖宽度,或设置内联样式。 请注意,如果您设置的 20% 不是 12 的倍数,那么仅使用 Bootstrap ,近列将永远不会拉伸(stretch) 100% 的宽度。

关于html - Bootstrap 列宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35768214/

相关文章:

jquery - Bootstrap 背景覆盖将图像设置在 "container-fluid"内,以便高度填充页面

javascript - 推特 Bootstrap/Twipsy

html - CSS - 按钮的左边框在右侧变圆

html - 媒体查询在第二个文件中无法在移动设备上运行

html - CSS 无法使标题图片适合 View

php - 如何使用 Span 设置 WordPress 函数的样式

java - 尝试从网站获取一行源代码

javascript - 检查内容是否溢出

html - 如何使用 Bootstrap 3 对齐表单中的单独行?

html - 如何将图像放在按钮后面?