컨테이너 내부의 컨테이너 - 부트 스트랩에 문제가 있습니까?

Question

이 질문은 제가 부트 스트랩에 대해 가지고있는 another question에서 나온 것입니다. 컨테이너 내에 컨테이너가있는 것이 좋지 않습니까? 나는 그것을 가지고 asp.net mvc에서 생성 된 마스터 페이지에서 실현되지 않았다.

<div class="container body-content"> 
     @RenderBody() 
     <div class="navbar navbar-default navbar-fixed-bottom"> 
      <div class="container"> 
       <p class="navbar-text">&copy; @DateTime.Now.Year - My ASP.NET Application</p> 
      </div> 
     </div> 

     </div> 

컨테이너 클래스가 이미 설정되어있다. 당신이 의견 "bto.rdz"읽으면 나에게

<div class="container">my other markup here </div> 

은 정말 (내 경우에는 내가 중복이었다고 생각하지만) 여러 개의 컨테이너를 가지고 나쁜 일처럼 보이지만하지 않습니다 그래서 내가보기에 않았다 내 다른 질문은 그가 이상한 행동을하고 있다고 말합니다.

지금 몇 시간 동안 부트 스트랩을 해왔으므로 문제가 발생할 수 있는지 또는 나쁜 습관 일지는 모르지만 내 마스터 페이지에서 생성 된 코드를 보면 Navbar는 자신의 컨테이너를 컨테이너에 가지고 있습니다.

Answer 1

일반적으로 말하자면 문제가있을 것이고 다른 클래스가 어떤 방법으로 리셋 할 것인지를 알지 못하는 것이 좋습니다.

.container를 .container에 넣었을 때 코드가 아래에 표시되면 어떻게되는지 보여주는 코드가 있습니다. 코드가 작동하는 이유는 .navbar-fixed-bottom이 div를 고정시켜 부모 .container를 존중하지 않기 때문입니다. http://jsfiddle.net/w4Gyk/

<div class="container outer-container"> 
    <div class="container inner-container"> 
     <p>Hello</p>  
    </div> 
</div> 

<div class="container outer-container" style="margin-top:10px;"> 
    @RenderBody() 
    <div class="navbar navbar-default navbar-fixed-bottom"> 
     <div class="container inner-container"> 
      <p class="navbar-text">&copy; @DateTime.Now.Year - My ASP.NET Application</p> 
     </div> 
    </div> 
</div>