<h6>Basic Grid
  <small>.ts-row</small>
</h6>
<div class="ts-row ts-text-xs example-grid-border ts-container-margin-lg">
  <div class="ts-col-span12">
    <strong>Example: 12 columns</strong>
  </div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <div class="ts-col-span1">.ts-col-span1</div>
  <textarea class="ts-col-span12 ts-sans-serif example-grid-border ts-bg-light-primary-color">
    <div class="ts-row">
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
      <div class="ts-col-span1">.ts-col-span1</div>
    </div>
  </textarea>
</div>
<div class="ts-row">

</div>
<div class="ts-row ts-text-xs example-grid-border ts-container-margin-lg">
  <div class="ts-col-span12">
    <strong>Example: Mixed column size examples</strong>
  </div>
  <div class="ts-col-span2">.ts-col-span2</div>
  <div class="ts-col-span2">.ts-col-span2</div>
  <div class="ts-col-span4">.ts-col-span4</div>
  <div class="ts-col-span2">.ts-col-span2</div>
  <div class="ts-col-span2">.ts-col-span2</div>
</div>
<div class="ts-row ts-text-xs example-grid-border ts-container-margin-lg">
  <div class="ts-col-span3">.ts-col-span3</div>
  <div class="ts-col-span6">.ts-col-span6</div>
  <div class="ts-col-span3">.ts-col-span3</div>
</div>
<div class="ts-row ts-text-xs example-grid-border ts-container-margin-lg">
  <div class="ts-col-span8">.ts-col-span8</div>
  <div class="ts-col-span4">.ts-col-span4</div>
</div>
<div class="ts-row ts-text-xs example-grid-border ts-container-margin-lg">
  <div class="ts-col-span9">.ts-col-span9</div>
  <div class="ts-col-span3">.ts-col-span3</div>
</div>
<div class="ts-row ts-text-xs example-grid-border ts-container-margin-lg">
  <div class="ts-col-span7">.ts-col-span7</div>
  <div class="ts-col-span5">.ts-col-span5</div>
</div>
<div class="ts-row ts-text-xs example-grid-border ts-container-margin-lg">
  <div class="ts-col-span10">.ts-col-span10</div>
  <div class="ts-col-span2">.ts-col-span2</div>
</div>
<div class="ts-row ts-text-xs example-grid-border ts-container-margin-lg">
  <div class="ts-col-span12">.ts-col-span12</div>
</div>