title: Responsive images inline-block in a div with Bootstrap
body: <p>I am new in Bootstrap, I am trying to do this responsive: A div, with 3 images centered (images have display: inline-block propertie).</p>
  
  <p>But when I start resizing, in sm devices, the third image jump to a new line. I would like that in that case the three images were responsive, but something is not working. My HTML code:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div id="small-img" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 center"&gt;
              &lt;img src="img/img1.jpg" class="img-responsive inline-block" alt="Responsive image"/&gt;
              &lt;img src="img/img2.jpg" class="img-responsive inline-block" alt="Responsive image"/&gt;
              &lt;img src="img/img3.jpg" class="img-responsive inline-block" alt="Responsive image"/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.inline-block{ display: inline-block; }
  .center{ text-align: center; }
  </code></pre>
  
  <p>Any suggestion please?</p>