Bootstrap 2(span)与Bootstrap 3(col-md)

时间:2015-07-04 01:20:08

标签: html css twitter-bootstrap twitter-bootstrap-3

我使用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将在大&amp;上占用4列中等大小的屏幕,而它会在小屏幕和小屏幕上向下移动?

1 个答案:

答案 0 :(得分:1)

实际上不同之处在于断点。 span 在767px处打破布局,其中 col-md - 在991px处打破了结构。

col-md-4 表示div在大中型屏幕上占据3列,并采用100%低于992px。