在 Twitter Bootstrap 中，一个 Grid Column 应该是它自己的特殊 Div 吗？答案

【问题标题】：In Twitter Bootstrap, should a Grid Column be its own special Div?在 Twitter Bootstrap 中，一个 Grid Column 应该是它自己的特殊 Div 吗？
【发布时间】：2013-06-02 07:10:01
【问题描述】：

使用 Twitter bootstrap 的网格系统时，每个网格列 div（类 span*）是否应该将 span* 类作为其唯一类，例如：

<div class="row">
    <div class="span4">
        <div class="sidebar">...</div>
    </div>
    <div class="span8">
        <div class="content">...</div>
    </div>
</div>

或者我们可以将span* 类与其他类混合，例如：

<div class="row">
    <div class="span4 sidebar">
        ...
    </div>
    <div class="span8 content">
        ...
    </div>
</div>

.sidebar 和 .content 是 CSS 规则，而不仅仅是用于 Javascript/CSS 规则遍历或用作 ID。

【问题讨论】：

您可以“混合”它们。另一种方式可能会导致 divitus 的情况。
你可以为所欲为，只要结果符合你的预期。

标签： html css twitter-bootstrap responsive-design

【解决方案1】：

这取决于其他类的作用。

如果 .sidebar 和 .content 专门用于限定这些 div 内的 CSS，或者如果它们是 javascript 遍历的标签，那么您可能可以使用它们。

但是，如果您对这些类附加了影响布局的规则，例如宽度、高度、边距等，您可能会遇到问题。

【讨论】：