Bootstrap在标题中创建活动按钮链接

Question

嘿伙计们，当我为一门课程设计一个网站时，我正在学习bootstrap / CSS。

Heroku app

现在我的标题很好。有一些按钮，它们有一个覆盖所有按钮的标签，这些按钮都在一些div和容器中。

我想要它，以便当我单击Home或任何按钮处于活动状态时，我可以更改其颜色，例如当我在网站的该部分时为灰色。我尝试过＆amp;：active但它不能那样工作。

很抱歉，如果在我经常搜索之前询问过它，并且不知道如何找到它。还检查了bootstrap文档。

Heres是我的代码

tls-listening-port

Answer 1

尝试添加一个jquery，将按钮设置为活动状态。请参阅以下代码以供参考。

HTML：

 <a href='#' class='btn btn-default'>
Link 1</a>

<a href='#' class='btn btn-default'>
Link 2</a>

JQuery的：

$(function() {
  $('a').click( function() {
    $(this).addClass('active').siblings().removeClass('active');
  });
});

Answer 2

这样做，给你的按钮/var/log/messages名称，假设男人，然后在你的css class给你想要的颜色。

.man:active

现在，如果您想要在点击按钮后，颜色应保持不变， 哪个按钮被访问过，

.man:active{
background-color: #2222;
}