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 here http://jsfiddle.net/kravigupta/bu43g/2/ 我在这做错了什么？

编辑：我在这里找不到一个好的答案。不得不自己管理它。我检查了屏幕宽度小于700px它给所有spanX类100％，这在这里是不可取的。所以，我为小屏幕添加了更多规则。

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

希望这有助于某人。

Answer 1

从我所看到的情况来看，这个（例子2）是如果你在行液体中嵌入行液体的行为。请参阅this link under Fluid Nesting。

Answer 2

我在这里找不到一个好的答案。不得不自己管理它。我检查了屏幕宽度小于700px它给所有spanX类100％，这在这里是不可取的。所以，我为小屏幕添加了更多规则。

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

希望这有助于某人。