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

【问题标题】：How do I change default bootstrap navigation on hover?如何更改悬停时的默认引导导航？
【发布时间】：2020-04-21 07:16:35
【问题描述】：

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

到目前为止，我只设法更改了背景颜色。任何帮助将不胜感激，为菜鸟问题道歉，我对编码还很陌生。

非常感谢！

<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>

【问题讨论】：

当您的问题与 PHP 无关时，请不要标记 PHP。我已从您的问题中删除了标签

标签： css navigation hover

【解决方案1】：

一个简短的 css 引导示例

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

navbar a {
  color: red;
}

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

myClass {
  background-color:#f7715d;
}

&lt;nav class="navbar navbar-expand-lg navbar-light myClass"&gt;

【讨论】：