如何在一條線上顯示兩個圖像Bootstrap 3

Question

你好我是新的bootstrap，我想知道如何在一行顯示兩個圖像，並保持響應函數。你能給我一個例子嗎？

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

Answer 1

當然，對於BS2：

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

對於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> 

編輯：2017年1月3日 對於BS4（W/Flexbox的）：

​​

另一種解決方案是將圖像浮動到左：

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

Answer 2

它應該是類似的東西

<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>