我最近开始使用Twitter Bootstrap，我似乎无法掌握什么是跨度，为什么有不同的编号跨度，如span4，span12？什么是抵消，什么时候使用？ （有时与跨度一起使用）我尝试在线搜索，但只发现了有关bootstraps的具体问题。
答案 0 :(得分：15)
Bootstrap“span”类用于bootstrap grid system。
文档显示标有数字的列，每个数字代表用于此容器的span类。偏移量显示在下一节中，它们定义了跨度左侧应有多少空列。
您可以将span4 offset2视为“将此块扩展为4列，左侧两列留空”。
默认情况下有12列。如果您有span12，它将与container一样宽（可能不流畅）。
这与v3.2.2无关，不再受支持。可以找到最新版本的Bootstrap here。
如果您正在寻找v4中Bootstrap中的'span'类（它引用徽章和标签而不是网格系统），可以找到here。
答案 1 :(得分：8)
首先，它们不是<span>标签。 （我之所以提到这是因为我已经开始几次输入<span>！）它们是一行中的列宽。
来自http://twitter.github.com/bootstrap/scaffolding.html#gridSystem：
<div class="row">
<div class="span4">...</div>
<div class="span8">...</div>
</div>
文档还讨论了抵消。
答案 2 :(得分：1)
22据我所知，如果你想设置一个响应式页面布局，你也可以在编写div标记时使用col-lg-2或类似的类，比如
<div class="col-lg-2 col-sm-3 col-xs-6"> some content </div>
可以定义一些内容在屏幕上占用的列数，适用于大型，小型和超小型屏幕。重点是，每行最多有12列，因此一行中的所有内容都必须遵守这一点。
<row>
<div class="col-lg-5">content1 </div>
<div class="col-lg-6">content2 </div>
<div class="col-lg-3">content3 </div>
</row>
因为这里有14个大列。只有xs类添加到24，但
那么，span会做同样的伎俩吗？