BootMetro 定义网格布局的宽度

Question

来自 bootmetro：

实时网格示例

默认的 Bootstrap 网格系统使用 12 列，在没有启用响应功能的情况下形成一个 940 像素宽的容器。添加响应式 CSS 文件后，网格会根据您的视口调整为 724 像素和 1170 像素宽。在 767px 视口以下，列变得流畅并垂直堆叠。

我想要一个将其 12 列划分为 600 像素宽度的网格，这可能吗？

例如

<div class="container" width="600px">

这不起作用并且我收到一个警告，即宽度不是 div 的 HTLM5 标记。

Answer 1

ˋwidthˋ 据我记得只是为表格定义的。您应该改用 style 属性

style="width: 600px"

或者更好的是，将样式提取到您在 HTML 中包含的外部样式表中。比如

.grid {
    width: 600px;
}

然后在您的 HTML 代码中添加相应的类

<div class="grid"></div>

让一切变得更干净，并且将样式与实际的 HTML 结构分开。