Question

我想设置此引导导航栏的样式，以便在悬停时显示下划线。我也想更改文本的颜色。

到目前为止，我只设法更改了背景色。任何帮助将不胜感激，对于菜鸟问题，我深表歉意，我是编码的新手。

非常感谢！

<nav class="navbar navbar-expand-lg navbar-light" style="background-color:#f7715d">

  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content" aria- controls="navbar-content" aria-expanded="false" aria-label="<?php esc_html_e( 'Toggle Navigation', 'theme-textdomain' ); ?>">

     <span class="navbar-toggler-icon"></span>

  </button>

</nav>

Answer 1

简短的CSS引导程序示例

navbar-light {
  background-color:#f7715d;
}

navbar a {
  color: red;
}

或者您可以创建自定义类并添加到引导类中

myClass {
  background-color:#f7715d;
}

<nav class="navbar navbar-expand-lg navbar-light myClass">

如何在悬停时更改默认的引导导航？

1 个答案: