我使用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列中等大小的屏幕,而它会在小屏幕和小屏幕上向下移动?
答案 0 :(得分:1)
实际上不同之处在于断点。 span 在767px处打破布局,其中 col-md - 在991px处打破了结构。
col-md-4 表示div在大中型屏幕上占据3列,并采用100%低于992px。