asp.net - BootMetro 定义网格布局的宽度

Question

从引导地铁：

实时网格示例

默认的 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 结构分开。