title: Bootstrap Grid Layout
body: <p>My CSS isn't picking up my different columns. They are stacked on top of each other. I want each of them each to span 4 columns of the same row. </p>
  
  <pre><code>&lt;div class="container"&gt;
   &lt;div class="row"&gt;
  
    &lt;div class="col-md-4" id="directionsPanel1"&gt;
      &lt;h3 class="directions-discription" id="directions-info1"&gt;&lt;/h3&gt;
    &lt;/div&gt;
  
    &lt;div class="col-md-4" id="directionsPanel2"&gt;
      &lt;h3 class="directions-discription" id="directions-info2"&gt;&lt;/h3&gt;
    &lt;/div&gt;
  
    &lt;div class="col-md-4" id="directionsPanel3"&gt;
      &lt;h3 class="directions-discription" id="directions-info3"&gt;&lt;/h3&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>