Grid

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

LG and up

12 cols

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

6 cols

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

4 cols

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

3 cols

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

2 cols

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

1 col

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

offset

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