容器内的容器——BootStrap 中的坏处？

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>

已经设置了一个容器类。所以在我看来是这样的

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

对我来说，拥有多个容器似乎并不是一件坏事（尽管在我的情况下我猜这是多余的）但是如果您在我的另一个问题中阅读“bto.rdz”cmets，他说他会出现奇怪的行为这个。

我已经做了几个小时的引导程序，所以我无法验证它是否会导致问题，或者这是否也是不好的做法，但只是查看在我的母版页中为我生成的代码，我看到了导航栏有它自己的容器，容器中有什么。

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>