Bootstrap classes to create columns with space

2

I want to understand the Bootstrap classes, when I use the span and offset , and how do I get a space between columns?

    
asked by anonymous 20.10.2014 / 16:04

1 answer

3

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

    
20.10.2014 / 16:23