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以了解各种按钮颜色。

为什么我的bootstrap navbar css无法正常工作？

1 个答案: