Javascript 如何使用引导让单击的导航药丸保持活动状态？

下面是我如何使用Bootstrap3.1.0创建网站的菜单链接。单击链接时，我希望所选的nag pill保持活动/选择。当前，单击链接后，定义的悬停颜色消失。有没有办法让药丸在点击后保持活性

<ul id="menu_area" class="nav nav-pills nav-justified custom">
    <li><a href="#/knowing_us" id="menu_text">one</a></li>
    <li><a id="menu_text">two</a></li>
    <li><a id="menu_text">three</a></li>                                                    
</ul>

我只想在用户单击一个药丸/选项卡后，单击的nag药丸显示为“选中”或“突出显示”。
首先，您需要向第一个元素添加默认值
class=“active”
。

其次，您需要将
data toggle=“tab”
添加到


您的代码变成：

<ul id="menu_area" class="nav nav-pills nav-justified custom">
    <li class="active"><a href="#knowing_us" data-toggle="tab" id="menu_text">one</a></li>
    <li><a href="#knowing_us2" data-toggle="tab" id="menu_text">two</a></li>
    <li><a href="#knowing_us3" data-toggle="tab" id="menu_text">three</a></li>                                                    
</ul>







我不清楚你的问题。也许可以在jsfiddle.net上创建一个演示来展示这个问题。isherwood，感谢您介绍我jsfiddle.net。我只是在我添加到帖子的链接中发布了我的代码。这是一种非常优雅的方式！尽管我无法使用Bootstrap 4进行复制。