Grid

• Introduction
• Breakpoints
• XS and up
• SM and up
• MD and up
• LG and up

SM and up

12 cols

<div class="row">
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
  <div class="col-sm-1">1</div>
</div>

6 cols

<div class="row">
  <div class="col-sm-2">2</div>
  <div class="col-sm-2">2</div>
  <div class="col-sm-2">2</div>
  <div class="col-sm-2">2</div>
  <div class="col-sm-2">2</div>
  <div class="col-sm-2">2</div>
</div>

4 cols

<div class="row">
  <div class="col-sm-3">3</div>
  <div class="col-sm-3">3</div>
  <div class="col-sm-3">3</div>
  <div class="col-sm-3">3</div>
</div>

3 cols

<div class="row">
  <div class="col-sm-4">4</div>
  <div class="col-sm-4">4</div>
  <div class="col-sm-4">4</div>
</div>

2 cols

<div class="row">
  <div class="col-sm-6">6</div>
  <div class="col-sm-6">6</div>
</div>

1 col

<div class="row">
  <div class="col-sm-12">12</div>
</div>

offset

<div class="row">
  <div class="col-sm-1 col-sm-offset-1">1</div>
</div>
<div class="row">
  <div class="col-sm-1 col-sm-offset-2">1</div>
</div>