使用Bootstrap网格时是否可以省略容器元素?

时间:2015-08-07 20:00:50

标签: html twitter-bootstrap responsive-design

我已经使用bootstrap框架创建了一个响应式站点,但是我还没有使用bootstrap .container类。

对于我的项目,所有内容都包含一个带有.wrapper类的div。包装纸是流动的,宽度为80%,最大为1200px,最小宽度为360px。 在包装器中,我使用了标准的.row和.col Boostrap类。

我测试了网站,一切都按预期工作。该网站验证和(甚至适用于ie-9)和移动设备。

没有.container类可以使用上面的方法吗?

非常感谢, P

3 个答案:

答案 0 :(得分:1)

如果你不使用行,你没事。在没有容器的情况下,行会变为负边距。

编辑:无论如何,如果你使用bootstrap3,你甚至可以使用行...

答案 1 :(得分:1)

没有理由必须使用容器元素。但是,.row.padded > div div { /* > div should be a column */ margin: 1em 0; } <div class="container-fluid"> <div class="row padded"> <div class="col-xs-12"> <div> ... </div> <!-- this will have a margin --> 类几乎完全按照您的描述进行操作。我会考虑将您的自定义包装器切换到标准化和易维护性。

关于行边距 - 这不是一个好主意。你可能会发现自己想要做一个现代的“平面”设计,你需要将一些行紧密堆叠在一起。通常最好单独留下网格元素,并将边距和填充应用于内部元素。您可以在行上放置一个类来执行此操作:

Usage:
  pg_dump [OPTION]... [DBNAME]

答案 2 :(得分:0)

Bootstrap是一组很有用的类;但是,你决不会被迫使用它们。如果你想要比默认的Bootstrap类更自定义的东西,那么使用你自己的类是完全没问题的。