내 부트 스트랩 열의 줄이 없음

Question

이전에는 머리글, 측면 탐색 열, 주요 대용량 콘텐츠 열 및 바닥 글의 작업 레이아웃을 사용했습니다. 이제는 숫자가 합쳐져도 탐색 열이 내용 열 맨 위에 표시됩니다. 내 콘텐츠 옆에 내 탐색 열이 있어야합니다. 내 WIP HERE을 볼 수 있습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

<div class="container"> 
    <div class="row"> 
     <div class="page-header"> 
      <p>HEADER</p> 
     </div> 
    </div> 
</div> 

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"> 
      <p>NAVIGATION</p> 
     </div> 
    </div> 
</div> 

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0"> 
      <p>CONTENT</p> 
     </div> 
    </div> 
</div> 

<div class="container"> 
    <div class="row"> 
     <div class="page-footer"> 
      <p>FOOTER</p> 
     </div> 
    </div> 
</div> 

당신의 도움이 크게 감사한다 : 여기

내 레이아웃 내 코드가 무엇인지 근본적이다. 고맙습니다! :)

Answer 1

가 열 된 div는 div의 서로 옆에 줄을 작동합니다.

같은 용기에 탐색 및 콘텐츠 열을 넣어보십시오 -> 행 태그과 같이 :

<div class="container"> 
    <div class="row"> 

     <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"> 
      <p>NAVIGATION</p> 
     </div> 

     <div class="col-lg-10 col-md-10 col-sm-12 col-md-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0"> 
      <p>CONTENT</p> 
     </div> 

    </div> 
</div> 

Answer 2

코드의 모양에서 서로 옆에 열을 원하는 것처럼 보입니다. 이 numberwise을 추가하는 사실 "형제"떨어져 서로 있습니다

<div class="container"> 
    <div class="row"> 
    <div class="page-header"> 
     <p>HEADER</p> 
    </div> 
    </div> 
</div> 

<div class="container"> 
    <div class="row"> 
    <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"> 
     <p>NAVIGATION</p> 
    </div> 
    <div class="col-lg-10 col-md-10 col-sm-12 col-md-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0"> 
     <p>CONTENT</p> 
    </div> 
    </div> 
</div> 

<div class="container"> 
    <div class="row"> 
    <div class="page-footer"> 
     <p>FOOTER</p> 
    </div> 
    </div> 
</div>