bootstrap黑色导航条

Question

<nav class="navbar navbar-default navbar-inner" role="navigation">

   <div class="navbar-header">
      <a class="navbar-brand" href="#">标题</a>
   </div>
   <div>
   <ul class="nav nav-tabs" id="myTab">
      <li class="active"><a data-toggle="tab" href="#home">管理</a></li>
      <li><a data-toggle="tab" href="#domain">域名</a></li>
      <li class="pull-right">注销</a></li>
    </ul>
   </div>
</nav>

我想让这个导航条变成黑色风格

加了navbar-inverse变得怪怪的了

Answer 1

<nav class="navbar navbar-inverse">
  ...
</nav>

加样式就好了

Answer 2

.navbar class 添加 .navbar-inverse class.

    <nav class="navbar navbar-inverse navbar-inner" role="navigation">
   <div class="navbar-header">
      <a class="navbar-brand" href="#">标题</a>
   </div>
   <div>
   <ul class="nav nav-tabs" id="myTab">
      <li class="active"><a data-toggle="tab" href="#home">管理</a></li>
      <li><a data-toggle="tab" href="#domain">域名</a></li>
      <li class="pull-right">注销</a></li>
    </ul>
   </div>
</nav>

Answer 3

navbar 的default 换成inverse即可