Question

我在html中有这个简单的代码，使用bootstrap类来创建导航栏。我希望我的导航栏水平，所以我添加了navbar-inverse类。然而我的导航栏一直显示垂直，我无法弄清楚为什么这样做甚至认为我尝试了不同的事情。

    <div class="blog-masthead">
      <div class="container">
          <nav class="navbar navbar-inverse">

                <ul class="nav navbar-nav">
                  <li class="nav-item"><a class="blog-nav-item active" href="#">Home</a></li>
                  <li class="nav-item"><a class="blog-nav-item" href="#">New features</a></li>

                </ul>

                <ul class="nav navbar-nav navbar-right">
                  <li class="nav-item"><a class="blog-nav-item" href="#">{{ Auth::user()->name }}</a></li>
                </ul>

          </nav>
      </div>
</div>

Answer 1

我希望navbar-inverse与菜单视图样式无关我希望它用于更改菜单文本的颜色，对于视图样式，您应该在标记和nav-toggleable中使用nav-link在导航标签中，我希望它是答案。

如果我误解了你的问题，我很抱歉

               <ul class="nav navbar-nav ">
                 <li class="nav-item">
                   <a class="nav-link  active" href="#">Home</a>
                 </li>
                 <li class="nav-item">
                   <a class="nav-link " href="#">New features</a>
                 </li>

               </ul>

               <ul class="nav navbar-nav navbar-right">
                 <li class="nav-item"><a class="nav-item" href="#">{{ Auth::user()->name }}</a></li>
               </ul>

         </nav>
     </div>

Navbar-inverse无效

1 个答案: