title: how to hide one column from grid in bootstrap mobile version
body: <p>I think it's a bit tricky that I want to hide one column from a grid in bootstrap mobile version. Let's show example</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-xs-9"&gt;
      &lt;p class="testimonial-about"&gt;"We have managed to received good number of applications through MyJobs in comparison to advertising in the newspaper and would recommend MyJobs to other companies to assist with their recruitment needs"&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="col-xs-3 center-image hidden-xs"&gt;&lt;img src="myimage.png"/&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Above coding, I hide image portion when viewed by mobile device. What I want is I don't want that spacing of image portion even it's hidden as increasing left portion to reach till the right side.</p>