Les images responsives inline-block dans une balise div avec Bootstrap

Je suis nouveau dans le Bootstrap, je suis en train de faire ce réactif: Un div, avec 3 images centrées (les images ont display: inline-block biens).

Mais lorsque je démarre le redimensionnement, le sm appareils, le troisième saut d'image à une nouvelle ligne. Je voudrais que dans ce cas, les trois images ont été sensibles, mais quelque chose ne fonctionne pas. Mon code HTML:

<div class="row">
    <div id="small-img" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 center">
            <img src="img/img1.jpg" class="img-responsive inline-block" alt="Responsive image"/>
            <img src="img/img2.jpg" class="img-responsive inline-block" alt="Responsive image"/>
            <img src="img/img3.jpg" class="img-responsive inline-block" alt="Responsive image"/>
    </div>
</div>

CSS:

.inline-block{ display: inline-block; }
.center{ text-align: center; }

Toute suggestion s'il vous plaît?

OriginalL'auteur puro_nervio | 2013-10-18