Bootstrap 2（跨度）与 Bootstrap 3（col-md）

Question

我曾经使用 Bootstrap v2.0 在 asp.net mvc Web 应用程序上工作，我使用以下内容将屏幕分成 3 个 4x4x4 部分：-

<div class="box span4">
...
</div>
<div class="box span4">
...
</div>
<div class="box span4">
...
</div>

在 bootstrap v3.0 上似乎我需要执行以下操作：-

 <div class="row">
    <div class="box col-md-4"></div>
  <div class="box col-md-4"></div>
  <div class="box col-md-4"></div>
</div>

所以我对上述问题有以下两个问题：-

• 在 bootstrap v2.0 上使用 span 与在 bootstrap v3.0 上使用 col-md 效果相同？

• 在 bootstrap v3.0 上，col-md-4 到底做了什么？？...这是否意味着 div 在大中型屏幕上将占据 4 列，而在小屏幕和超小屏幕上会向下移动?

Answer 1

实际上不同之处在于断点。 span 在 767 像素处破坏布局，而 col-md- 在 991 像素处破坏结构。

col-md-4表示一个div在大中屏占3列，100%采用992px以下。