Question

当这些boostrap 4类有类时，我不明白为什么我必须为所有内容创建id。我尝试使用.navbar访问它们，但是它没有任何作用。这是我用HTML编写的全部代码

<body>
<nav class="navbar navbar-expand-md navbar-light bg-light">
  <img id="logoName" class="navbar-brand mx-auto" src="images/logo2.png">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navBar" aria-controls="navBar" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navBar">
    <ul class="navbar-nav ml-auto text-right">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item" >
        <a class="nav-link" href="#">Menu</a>
      </li>
      <li class="nav-item" >
        <a class="nav-link" href="#">Deals</a>
      </li>
      <li class="nav-item" >
        <a class="nav-link" href="#">About</a>
      </li>
      <li class="nav-item" >
        <a class="nav-link" href="#">Contact</a>
      </li>
      <li class="nav-item" >
        <a class="nav-link" href="#">Online Ordering</a>
      </li>
    </ul>
  </div>
</nav>

如何访问导航栏以更改背景或“ a”？

Answer 1

我只是做

.navbar{background:red;}

，这很好。尝试从HTML中删除bg-light类，因为这表明背景很浅，或者您可以在CSS类中添加！important

.navbar{background:red !important}

这将强制改变颜色，但是我不建议这样做

Bootsrap 4定位导航栏a标签和整个导航栏的背景

1 个答案: