title: Bootstrap col without size or weight
body: <p>So I'm trying to get bootstrap grid working.
  From the bootstrap website :
  <a href="https://v4-alpha.getbootstrap.com/layout/grid/#grid-options" rel="nofollow noreferrer">bootstrap documentation</a>
   it makes it seem like you can just put col and it'll have a default value of all sizes and divide the weight of 12 by the number of cols in the row</p>
  
  <p>They have an example of this on the site</p>
  
  <pre><code>&lt;div class="container"&gt;
  
  
  &lt;div class="row"&gt;
      &lt;div class="col"&gt;
        1 of 2
      &lt;/div&gt;
      &lt;div class="col"&gt;
        1 of 2
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row"&gt;
      &lt;div class="col"&gt;
        1 of 3
      &lt;/div&gt;
      &lt;div class="col"&gt;
        1 of 3
      &lt;/div&gt;
      &lt;div class="col"&gt;
        1 of 3
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However when I put it on my page or other bootstrap testing websites, that code makes the 3 cols stacked on top of each other like</p>
  
  <pre><code>1 of 3
  1 of 3
  1 of 3
  </code></pre>
  
  <p>How do I achieve something like the bootstrap website?</p>