title: How do i change bootstrap columns when resizing screen?
body: <p>I want to change one of my columns <code>number</code> when resizing screen to <code>md</code> (width 1024px).</p>
  
  <p>Something like this:</p>
  
  <p><code>[.col-md-2][.col-md-8][.col-md-2]</code> becomes <code>[hidden][.col-md-12][hidden]</code></p>
  
  <p>My current code:</p>
  
  <pre><code>  &lt;div class="col-md-2 hidden-md"&gt;&lt;/div&gt;
    &lt;div class="col-md-8"&gt;&lt;/div&gt;
    &lt;div class="col-md-2 hidden-md"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How do i change <code>&lt;div class="col-md-8"&gt;&lt;/div&gt;</code> to <code>&lt;div class="col-md-12"&gt;&lt;/div&gt;</code> on resize?</p>