## Table grid system

<div class="docs-example-grid">
{% example html %}
<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>
{% endexample %}

{% example html %}
<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>
{% endexample %}

{% example html %}
<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>
{% endexample %}

{% example html %}
<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>
{% endexample %}

{% example html %}
<div class="row">
  <div class="col-sm-5">5</div>
  <div class="col-sm-7">7</div>
</div>
{% endexample %}

{% example html %}
<div class="row">
  <div class="col-sm-6">6</div>
  <div class="col-sm-6">6</div>
</div>
{% endexample %}

{% example html %}
<div class="row">
  <div class="col-sm-8">8</div>
  <div class="col-sm-4">4</div>
</div>
{% endexample %}

{% example html %}
<div class="row">
  <div class="col-sm-12">12</div>
</div>
{% endexample %}
</div>
