Question

这个问题来自another question，我有关于bootstrap的问题。在容器中放置容器是不是很糟糕？我没有意识到在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”评论他说他做了奇怪的行为此

我现在已经做了几个小时的bootstrap所以我无法验证它是否会导致问题，或者如果它也是不好的做法，但只是查看在我的母版页中为我生成的代码我看到了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>

Container内容器 - BootStrap中的错误？

1 个答案: