title: Center horizontall images dinamically with Bootstrap
body: <p>I have a mysqli_fetch_assoc that return me images. I need put all of these images centered horizontally. I try use center-block on all of this, but only center one and the others images goes down.</p>
  
  <p>For example:</p>
  
  <p>If mysql give me 2 images:</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;div class="col-xs-12"&gt;
  
  &lt;img src="http://osolephp.com.es/grafa/imagenes/imagenesropa/cocinas_6.png?30" class="center-block"&gt;
  &lt;img src="http://osolephp.com.es/grafa/imagenes/imagenesropa/cocinas_6.png?30" class="center-block"&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/ff4rj8zs/" rel="nofollow noreferrer">https://jsfiddle.net/ff4rj8zs/</a></p>
  
  <p>If mysql give me 3 images:</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;div class="col-xs-12"&gt;
  
  &lt;img src="http://osolephp.com.es/grafa/imagenes/imagenesropa/cocinas_6.png?30" class="center-block"&gt;
  &lt;img src="http://osolephp.com.es/grafa/imagenes/imagenesropa/cocinas_6.png?30" class="center-block"&gt;
  &lt;img src="http://osolephp.com.es/grafa/imagenes/imagenesropa/cocinas_6.png?30" class="center-block"&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/96czjmoh/" rel="nofollow noreferrer">https://jsfiddle.net/96czjmoh/</a></p>
  
  <p>As you can see, the images goes down, and don't stay in the same line. I need that all images stay centered in the same line independent of the quantity. </p>
  
  <p>Thanks!</p>