Html 为什么我的导航栏不是全宽的

我有一个简单的导航栏，但它拒绝使用uill 12列的宽度

         <!--Mobile NAV BAR ROW-->
    <div class="row row-nomargin">
        <div class="col-md-8 col-md-offset-2">                 
          <nav class="navbar navbar-default navbar-left">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="/home.html">Home</a></li>
                    <li><a href="/gallery.html">Gallery</a></li>
                    <li><a href="/pricing.html">Pricing</a></li>
                    <li><a href="/aboutus.html">About us</a></li>
                    <li><a href="/contactus.html">Contact us</a></li>
                    </a></li>
                  </ul>
                </div><!-- /.navbar-collapse -->
            </nav>
        </div>
    </div>

---

你知道这里发生了什么吗？我的导航栏只和上面的链接一样宽

您的

nav

元素上的类

navbar已被保留<代码>导航栏左侧

做一件事：

.navbar-left {
  float: left !important;
}

---

因此，您的整个

nav

将向左浮动并收缩以适应其中的项目。您可能只需删除该类，它就会解决您的问题。

就是这样，还有我删除的导航栏，瞧！令人惊叹的！很高兴我能帮忙！

.navbar-left {
  float: left !important;
}