Machen Sie eine ansprechende Bild neben einem Text für kleinere Bildschirme

Question

ich eine ansprechende Bild in Bootstrap haben (3.3.7):

<div class="col-sm-2 text-center"> 
    <img class="img-responsive center-block " src="img/1.png" style="max-width: 
    <p>Some guarantee text here</p> 
</div> 

, die so etwas wie dies erscheint:

Wie kann ich es für kleinere Bildschirme neben dem Text erscheinen lassen? Also im Grunde diese:

Ich verstehe, dass img-responsivedisplay: block fügt hinzu, so habe ich versucht zu überschreiben, dass mit einem Inline-Stil, aber es hat nicht funktioniert.

Answer 1

Yo kann mit float:left; mehr lesen von here

<div class="col-sm-2 text-center" > 
 
    <img class="img-responsive center-block" src="https://i.stack.imgur.com/R7CuQ.jpg" style="float:left;margin:4px; width: 120px;"> 
 
    <p>Some guarantee text here</p> 
 
    <p>Some sdasd</p> 
 
</div>