title: how to put pictures in a row bootstrap
body: <p>I'm trying to get these 3 pictures in a row with no or little spaces in between, but this code is causing them to stack on top of each other.  I also want them to be aligned to the center of the page.</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row col-xs-2"&gt;
    &lt;img style= "width: 25%; height: 25%" src="https://image.ibb.co/ckA7ka/mr_marbles.png" alt="Mister Marbles head tilt"&gt;
  &lt;/div&gt;  
  &lt;div class="row col-xs-2"&gt;
    &lt;img style= "width: 25%; height: 25%"  src="https://image.ibb.co/bTMKyv/kermit.png" alt="Kermit the Dog"&gt;
  &lt;/div&gt;
  &lt;div class="row col-xs-2"&gt;
    &lt;img style= "width: 25%; height: 25%" src="https://image.ibb.co/ki8tQa/peach.png" alt="Peach posing magestically"&gt;  
  &lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>