html - Bootstrap 2 (span) 与 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>

在启动 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 在 767px 处打断布局，而 col-md- 在 991px 处打断结构。

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