title: Hiding and Showing Bootstrap Grid Columns
body: <p>I'm trying to adapt bootstrap's standard practices to speed up some of my development but have a quick question related to showing and hiding cols.</p>
  
  <p>I have the following simple layout</p>
  
  <pre><code>&lt;div class="row" id="contactGrid"&gt;
  
  &lt;div class="col-sm-2"&gt;Sidebar&lt;/div&gt;
  &lt;div class="col-sm-10"&gt;Content&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>When I use AngularJS to show/hide the Sidebar col I expect the Content col to stretch the entire  width of the container but it doesn't it says at 'col-10'.  Do I need to programmically change the class/width to col-sm-12 when I hide the sidebar?</p>
  
  <p>Thanks for your help, I'm sure this is an easy one!</p>