如何在使用引導程序調整大小時在同一行上保留多個圖像？

Question

我是bootstrap的新手。我得到這個代碼

<div class="row-fluid inline"> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img823/3578/lnrk.jpg" alt="Responsive image"/></div> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img593/2931/5mzt.jpg" alt="Responsive image"/></div> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img841/6476/bk2j.jpg" alt="Responsive image"/></div> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img823/3578/lnrk.jpg" alt="Responsive image"/></div> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img593/2931/5mzt.jpg" alt="Responsive image"/></div> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img841/6476/bk2j.jpg" alt="Responsive image"/></div> 
</div> 
<br /> 
<div class="row-fluid inline"> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img823/3578/lnrk.jpg" alt="Responsive image"/></div> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img593/2931/5mzt.jpg" alt="Responsive image"/></div> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img841/6476/bk2j.jpg" alt="Responsive image"/></div> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img823/3578/lnrk.jpg" alt="Responsive image"/></div> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img593/2931/5mzt.jpg" alt="Responsive image"/></div> 
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img841/6476/bk2j.jpg" alt="Responsive image"/></div> 
</div> 

它顯示2行6列/圖像。當我將其調整到某個特定點時，它會顯示多行1個圖像。相反，我想有4行3個圖像/列。有一個簡單的方法來做到這一點與引導？

Answer 1

這是因爲每個圖像包裝div的顯示都是'block'，當你設置爲inline時，它就會以你想要的方式顯示。拿起別的： （闖入你想要的大小用不同的代碼 - http://bootply.com/94383）（使用相同的代碼 - http://bootply.com/94385）