I want to understand the Bootstrap classes, when I use the span
and offset
, and how do I get a space between columns?
I want to understand the Bootstrap classes, when I use the span
and offset
, and how do I get a space between columns?
To move the columns you use the .col-md-offset-*
class.
The class increments the left margin of the column. For example, .col-md-offset-4
moves .col-md-4
after 4 columns.
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
</div>
<div class="row">
<div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
<div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
</div>
And the result is this