Bootstrap Spans

Question

我最近开始使用Twitter Bootstrap,我似乎无法掌握什么是跨度,为什么有不同的编号跨度,如span4,span12？什么是抵消,什么时候使用？(有时与跨度一起使用)我尝试在线搜索,但只发现了有关bootstraps的具体问题.

Answer 1

Bootstrap"span"类用于引导网格系统.

文档显示标有数字的列,每个数字代表span用于此容器的类.偏移量显示在下一节中,它们定义了跨度左侧应有多少空列.

您可以将其读span4 offset2作"将此块扩展到4列,将两列留空".
默认情况下有12列.如果你有span12,它将与容器一样宽(可能是流体).

这与v3.2.2无关,后者不再受支持.可以在此处找到最新版本的Bootstrap .

如果您正在寻找v4中的Bootstrap中的'span'类(它指的是徽章和标签而不是网格系统),可以在此处找到.

Answer 2

首先,它们不是<span>标签.(我提到这个是因为我已经开始输入<span>几次了!)它们是一行中的列宽.

来自http://twitter.github.com/bootstrap/scaffolding.html#gridSystem:

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

文档还讨论了抵消.