Wie zwei Bilder in einer Zeile angezeigt werden Bootstrap 3

Question

Hallo, ich bin neu Bootstrap und ich möchte wissen, wie zwei Bilder in einer Zeile angezeigt werden und die reaktionsschnelle Funktion behalten. Können Sie mir ein Beispiel geben?

<div class="col-xs-12 col-md-8"> 
<img src="images/l.jpg" class="img-responsive" alt="Logo"> 
</div> 

Answer 1

Sicher, für BS2:

<div class="row-fluid"> 
    <div class="span6"><img src="yourimage"/></div> 
    <div class="span6"><img src="yourimage"/></div> 
</div> 

Für BS3:

<div class="row"> 
    <div class="col-xs-6 col-md-6"><img src="yourimage"/></div> 
    <div class="col-xs-6 col-md-6"><img src="yourimage"/></div> 
</div> 

EDIT: 2017.01.03 Für BS4 (w/FLEXBOX):

<div class="row"> 
    <div class="col"><img src="yourimage"/></div> 
    <div class="col"><img src="yourimage"/></div> 
</div> 

Eine andere Lösung ist es, die Bilder auf der linken Seite zu schweben:

<img class="pull-left" src="yourimage"/> 
<img class="pull-left" src="yourimage"/> 

Answer 2

Es sollte etwas wie das

<div class="col-xs-12 col-md-8"> 
<div class="row"> 
    <div class="col-xs-4 col-md-4"> 
    <img src="images/l.jpg" class="img-responsive" alt="Logo"> 
    </div> 
    <div class="col-xs-4 col-md-4"> 
    <img src="images/2.jpg" class="img-responsive" alt="Logo"> 
    </div> 
    <div class="col-xs-4 col-md-4"> 
    <img src="images/2.jpg" class="img-responsive" alt="Logo"> 
    </div> 

</div> 
</div>