css - how to hide one column from grid in bootstrap mobile version -

i think it's bit tricky want hide 1 column grid in bootstrap mobile version. let's show example

<div class="row">   <div class="col-xs-9">     <p class="testimonial-about">"we have managed received number of applications through myjobs in comparison advertising in newspaper , recommend myjobs other companies assist recruitment needs"</p>   </div>   <div class="col-xs-3 center-image hidden-xs"><img src="myimage.png"/></div> </div> 

above coding, hide image portion when viewed mobile device. want don't want spacing of image portion it's hidden increasing left portion reach till right side.

since, hiding second column in "xs", can use full width first column defining class "col-xs-12" column1.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>  <div class="row">    <div class="col-xs-12 col-sm-9">      <p class="testimonial-about">"we have managed received number of applications through myjobs in comparison advertising in newspaper , recommend myjobs other companies assist recruitment needs"</p>    </div>    <div class="col-sm-3 center-image hidden-xs"><img src="myimage.png"/></div>  </div>