在默认的Bootstrap导航栏中为活动链接添加灰色背景色
要将灰色背景色添加到活动链接，请使用Bootstrap中的.active类。
您可以尝试运行以下代码来实现.active类-
示例
<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "/scripts/jquery.min.js"></script> <script src = "/bootstrap/js/bootstrap.min.js"></script> </head> <body> <nav class = "navbar navbar-default"> <div class = "container-fluid"> <div class = "navbar-header"> <a class = "navbar-brand" href = "#">Website</a> </div> <ul class = "nav navbar-nav"> <li class = "active"><a href = "#">Home</a></li> <li><a href = "#">Tutorials</a></li> <li><a href = "#">Quiz</a></li> </ul> </div> </nav> <div class = "container"> <h3>Demo</h3> <p>This is demo text.</p> </div> </body> </html>
-
本文向大家介绍向Bootstrap 4卡添加灰色背景色，包括了向Bootstrap 4卡添加灰色背景色的使用技巧和注意事项，需要的朋友参考一下 要为Bootstrap 4卡添加灰色背景色，请将该卡类与bg-dark上下文类一起使用- 将卡主体设置在相同的<div>类中- 让我们看看完整的示例，向Bootstrap卡添加灰色背景色- 示例
-
本文向大家介绍向Bootstrap 4卡添加浅灰色背景色，包括了向Bootstrap 4卡添加浅灰色背景色的使用技巧和注意事项，需要的朋友参考一下 要将浅灰色背景色添加到Bootstrap中的卡，请使用bg-light上下文类和卡类。 要设置浅灰色背景，请将其添加到<div>类中- 您可以尝试运行以下代码以在Bootstrap 4中为卡添加亮灰色背景色- 示例
-
问题内容： 在Twitter Bootstrap导航栏中以粗体显示活动链接的标准方法是什么？显然，链接通过获得“活动”类而获得活动外观。例如，下面的链接是活动的。当我单击导航栏中的任何链接时，是否应该使用jQuery从元素中删除所有类，然后将该类添加到我已确定的链接中？ 编辑 ：我包括 链接之后。当我单击链接时出现警报，但是“活动”类未添加到链接中。 这是我所有的导航栏HTML： 问题答案： 您需
-
我的导航栏有一个透明的背景，当用户向下滚动时，我想添加一个不同的背景。 我使用了这个问题的代码：滚动后更改导航条颜色？ 我的代码现在如下所示： 当我向下滚动时，一切正常，背景和不透明度适用，但当我向后滚动到顶部时，这种样式仍然存在。我希望它更改回没有背景的默认样式。 谢啦
-
本文向大家介绍向Bootstrap列表组中的活动列表项添加背景色，包括了向Bootstrap列表组中的活动列表项添加背景色的使用技巧和注意事项，需要的朋友参考一下 使用.active类将灰色背景色添加到Bootstrap列表组中的活动列表项中。 您可以尝试运行以下代码将背景色添加到活动列表项中- 示例
-
当我滚动页面时，我很难让固定顶部导航栏更改背景颜色。 以下是JS中的函数： 这是一个名为“”的文件，在我加载后加载到页面底部（与位于同一文件夹中） 这里是html导航栏： 然后，我只有css用于更改导航栏背景颜色：