2013-04-07 4 views
0

으로 나뉩니다. 부트 스트랩을 처음 사용하고 중첩 된 열 레이아웃이 필요한 테스트 사이트에서 작업하기 때문입니다. 내 코드는 내가 모든 대형 디스플레이에 확인 생각해 볼부트 스트랩 중첩 된 레이아웃 - 열이

  <html class="no-js" lang="en-US"> 
       <body> 
       <div class="container"> 
       <div id="page" class="row"> 

      <header id="branding" role="banner" class="span12"> 
       <nav id="access" role="navigation"> 
       Menu 
       </nav> 
       </header> 

      <section id="primary" class="span9"> 
      <div id="content" role="main"> 
       <h1 class="entry-title">Some Title</h1> 
       <div class="entry-meta"> 
       Some Info 
      </div><!-- .entry-meta --> 

      <div class="row meta-info"> 

      <div class="post-image span3"> 
       <ul class="thumbnails"> 
       image 
       </ul> 
      </div><!-- .post-image --> 

      <div class="post-intro span4"> 
       some intro text 
      </div><!-- .post-intro --> 

      <div class="post-desc span2"> 
       some more info 
      </div><!-- .post-desc--> 

      </div><!-- meta info--> 


      </section> 
      </div><!-- #content --> 

      </div><!-- row --> 
      </div><!-- container --> 
      </body> 
      </html> 

아래로,하지만 스크린 화면 1152x864에, span2에 포스트 내림차순가 파괴되고 span4의 하단에 나타납니다.

내가 응답해야하고 브라우저 크기와 조정해야합니다.

이 내 코드가 맞습니까? 아니면 이것을 달성 할 다른 방법이 있습니까?

도와주세요.

감사 SAQ

답변

0
<div class="row meta-info"> 

는 컨테이너를 상정하는 것은 그것에 최대 너비 값을 가지고

<div class="row-fluid meta-info"> 

,이 작업을해야 될 갈까요.