부트 스트랩에서 화면을 축소 할 때 두 개의 "spanX"div가 겹치지 않게하려면 어떻게해야합니까?

Question

Twitter Bootstrap 2.3의 responsive 레이아웃을 사용하고 있습니다. span4 개의 div가 포함 된 span9 row-fluid div가 있습니다.

화면의 유동성을 테스트하려면 창을 축소하고 있습니다. 오른쪽 span4이 왼쪽 span4과 겹치는 특정 시점이 있습니다. 창을 계속 축소하면 적절히 쌓일 것입니다. 하지만 중복되기 전에 적절하게 스택 싶습니다. 내가 원하는 기능이 부트 스트랩에 내장되어 있으며 제대로하지 못하고 있습니까?

물론 도움이됩니다.

Answer 1

당신이 부트 스트랩 반응 형 CSS를 사용하고 있으며 HTML에 깜박임이 없다는 것을 다시 한 번 확인하십시오. 나는 당신의 레이아웃이 완전히 명확하지 않다, 그러나 여기에서 가까운 뭔가 작업 예제 : http://jsfiddle.net/panchroma/RMUmW/

HTML

<div class="container"> 
    <div class="row-fluid"> 
     <div class="span9"> 
      <div class="row-fluid"> 
       <div class="span4"> 
        nested span4 
       </div> 
       <div class="span4"> 
        nested span4 
       </div> 
       <div class="span4"> 
        nested span4 
       </div> 

      </div> <!-- end nested row --> 

     </div> <!-- end span9 --> 
     <div class="span3"> 
      span 3 
     </div> <!-- end span3 --> 
    </div><!-- end row --> 

</div> <!-- end container --> 

행운을 빕니다!