Grid

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

XS and up (all sizes)

12 cols

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

6 cols

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

4 cols

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

3 cols

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

2 cols

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

1 col

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

offset

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