Bootstrap 2.3.2側面內容對小屏幕沒有正確響應

Question

初始視圖是這樣的。這裏沒問題。 但是當它響應它改變

爲什麼右側單列的圖像，他們應該在一排，直到設備的寬度太小小屏幕。

代碼中，我現在用的就是

<div class="container-fluid"> 
    <div class="row-fluid"> 
    <div class="span8 border1"><img src="/bootstrap/img/a.jpg" /></div> 
    <div class="span4"> 
     <div class="row-fluid" > 
      <div class="span5 border1"><img src="/bootstrap/img/b.jpg" /></div> 
      <div class="span5 border1"><img src="/bootstrap/img/b.jpg" /></div> 
     </div> 
    </div> 
    </div>  
</div> 

的jsfiddle這裏http://jsfiddle.net/kravigupta/bu43g/2/ 我在做什麼錯在這裏？

編輯：我無法在這裏得到一個很好的答案。必須自己管理它。我檢查了屏幕寬度小於700px，它給所有spanX類100％，這是不可取的。所以，我爲小屏幕添加了更多規則。

@media (max-width: 320px){ ... } 
@media (min-width: 320px) and (max-width: 730px) { ... } 

希望這可以幫助別人。

Answer 1

我在這裏找不到一個好的答案。必須自己管理它。我檢查了屏幕寬度小於700px，它給所有spanX類100％，這是不可取的。所以，我爲小屏幕添加了更多規則。

@media (max-width: 320px){ ... } 
@media (min-width: 320px) and (max-width: 730px) { ... } 

希望這可以幫助別人。

Answer 2

從我所看到的情況來看，這個（例子2）是如果你在一個行流體中嵌套一個流體流體時它應該如何表現。見this link under Fluid Nesting。