html - 为什么我的 bootstrap navbar css 不工作？

Question

我想用这个 bootstrap generator在此 post 中推荐生成的代码不会改变任何东西，我的猜测是我在某个地方搞砸了我的标签。

<div style="background-color: #18305c">
  <div class="container text-center">
    <nav class="navbar navbar-default" role="navigation">
      <div class="btn-group" role="group" aria-label="...">
        <button type="button" class="btn btn-default">
          Home
        </button>
        <div class="btn-group" role="group">
          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Browse <span class="caret"></span>
         </button>
           <ul class="dropdown-menu">
           <li><a href="#">Latest Offers</a></li>
           <li><a href="#">Newest Listings</a></li>
           <li><a href='#'>Clearance</a></li>
           <li><a href='#'>Search</a></li>
           <li><a href='#'>Blog</a></li>
           </ul>
        </div>

CSS 看起来像

 .navbar-default {
 background-color: #18305c;
 border-color: #d49418;
 }
.navbar-default .navbar-brand {
color: #ffffff;
 }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #ffffff;
}
 .navbar-default .navbar-text {
  color: #ffffff;
}

为什么没有变化？

编辑:想要添加这只是导航栏的顶部。还有几个具有类似下拉菜单的按钮。

Answer 1

好的。所以通过阅读上面的评论，你想改变按钮的颜色。

你已经使用了 btn-default 类，如果你想让按钮颜色为蓝色，请将其类更改为 btn-primary。

检查这个 link用于各种按钮颜色。