title: hide column in bootstrap on mobile phone
body: <p>I have a site with 2 columns and i want to hide one of the columns when the site is viewed on a mobile.  I know you can use the hidden_phone class and set the column class to 99% or whatever it is using a screen size media query but im wondering if this is the correct way of doing it.  Is there a better way or a more correct way</p>
  
  <pre><code>&lt;div class="container&gt;
   &lt;div class="row"&gt;
    &lt;div class="span8"&gt;some content&lt;/div&gt;
    &lt;div class="span4 hidden-phone"&gt;some content&lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt; 
  
  @media (max-width: someresolution){
   .span8{
    width:99.3214534%;
   }
  }
  </code></pre>