Navbar-inverse不起作用

我在html中使用引导类来创建导航栏的简单代码。我希望我的导航栏是水平的，所以我添加了navbar-inverse类。不过，我的导航栏仍然显示垂直，我不明白为什么这样做，即使我认为我尝试了不同的事情来做到这一点。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>

来源

2017-08-27 Joan Plepi

您发布不会做你的描述的代码。 https://www.bootply.com/ZvDycROXEW。请在您的问题中发布[mcve] – j08691

navbar-inverse在默认灰色主题上提供备用颜色方案。它不会影响元素的垂直或水平对齐。请更新使用的CSS和相关的代码以进一步帮助。 – pratikpawar

@joan你的代码似乎工作正常。我相信一些CSS重写引导CSS或检查引导程序是否包含正确。 – pratikpawar

我希望导航栏逆是无关的菜单显示风格，我希望它是用来改变菜单文本的颜色和视图样式，你应该在标签和导航，可切换使用导航链接在导航标签中，我希望这是答案。

对不起，如果我误解你的问题

   <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>

来源

2017-11-13 12:54:22 someone

Navbar-inverse不起作用

回答

相关问题