導航欄固定頂部取消.container居中

Question

為什么twitter bootstrap的navbar-fixed-top或navbar-fixed-bottom會使navbar全寬並取消.container將navbar居中的效果？ 見下面的代碼

<div class="container">
  <nav class="navbar navbar-fixed-top navbar-full navbar-dark bg-inverse">
    <a class="navbar-brand" href="#">Navbar</a>
  </nav>
</div>

有人可以解釋嗎？

Answer 1

您是否嘗試將容器類添加到nav元素？

 <nav class="navbar navbar-fixed-top navbar-full navbar-dark bg-inverse container">
   <a class="navbar-brand" href="#">Navbar</a>
 </nav>

我想這應該會有所幫助，如果您使用css添加諸如text-center之類的自己的類：text-align：center; 那應該對你有幫助:)

Answer 2

我還是設法使其通過添加類工作container內<div class="navbar navbar-inverse navbar-fixed-top">

這就是我的代碼的樣子。

<div class="container">
    <div class="container navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                    <li><a href="#">Test</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

您可以在這里看到它的工作： Codepen