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

Question

I am using to work in an asp.net mvc web application using Bootstrap v2.0 where I use the following to split the screen into 3 4x4x4 parts: -

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

while on bootstrap v3.0 it seems I need to do the following: -

 <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>

so I have two questions regarding above: -

uses span

in bootstrap v2.0, has the same effect as when used col-md

in bootstrap v3.0?
on bootstrap v3.0, which exactly does col-md-4

. This means the div will take up 4 columns on large and medium screens, while it will slide down on small and extra small screens.

+3

john G 04 Jul '15 at 1:20

1 answer

WebDevRon · Answer 1 · 2015-07-04T05:01:12+0000

Actually a different point is at the breakpoint. span breaks the layout by 767px, where col-md breaks the structure by 991px.

col-md-4 means the div will span 3 columns on large and medium screen and will take 100% below 992px.