html - Bootstrap 导航栏激活

标签 html css twitter-bootstrap navbar

我正在使用 bootstrap 中的导航栏,但是每当我单击其中一个页面标题时,导航栏不会突出显示它以表明我在该页面上。例如,如果我在主页上,那么导航栏如下所示:
enter image description here

但是,如果我点击关于,我会转到“关于”页面,但导航栏仍然是这样的:
enter image description here

如何让它突出显示它所在的页面?谢谢

最佳答案

阅读documentation .您需要将 class="active" 应用于要激活的 li 元素。它不会自动处理。您需要以您认为合适的方式实现它。

它可以是 JQuery 解决方案或服务器端解决方案。根据您网站的构建方式,任何一种都可能更合适或更不合适。

关于html - Bootstrap 导航栏激活,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15993444/

相关文章:

jquery - 更改 Bootstrap 模式中的scrollTop()

html - 是否可以在滚动时保持 div 位置固定但保持与容器对齐?

javascript - 使用 Angular 简单上一个\下一个 slider

html - 业余 Z-Index 问题

javascript - 当用户再次单击下拉列表时,如何隐藏当前选定的 li 元素成为一个选项?

javascript - 如何同时更改css和html文件

html - 在 Bootstrap 中使用图像作为下拉菜单

javascript - 在 KineticJS 中沿着光标路径绘制线条

javascript - 需要帮助制作 HTML 标签页

javascript - 使用另一个帐户重新登录后 2 div 的奇怪行为