没有js的Bootstrap navbar li活动类

Posted

技术标签:

【中文标题】没有js的Bootstrap navbar li活动类【英文标题】:Bootstrap navbar li active class without js 【发布时间】:2016-04-02 03:49:12 【问题描述】:

在 bootstrap 官网 navbar 活动类上工作,无需添加任何 jquery sn -p。如果有人单击“基本 CSS”或任何其他按钮,“活动”类将从“主页”按钮中删除,页面加载并将活动类添加到该特定菜单。 官方链接:Click here. 一切都在没有 js 的情况下发生。

我复制并粘贴了他们的标记,但没有用。 “主页”按钮始终具有“活动”类。

我错过了什么吗?

【问题讨论】:

这是因为每个页面都将active 类添加到该特定页面的li 标记中。打开 DevTools 你会看到这个。 你需要在每个页面上指定活动类到对应的li标签 他们如何在没有 javascript 的情况下做到这一点?他们做了什么? body标签内没有生成“page-name-class”。 【参考方案1】:

您指的是 Bootstrap 版本 2.3.2,请获取最新版本并尝试。

请参阅引导站点使用的脚本,以在此链接上激活选项卡:http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js

【讨论】:

以上是关于没有js的Bootstrap navbar li活动类的主要内容,如果未能解决你的问题,请参考以下文章

MVC Bootstrap Navbar - 活动类只保留一个 <li> 元素

Bootstrap CSS背景颜色不起作用

bootstrap header li 背景颜色

Bootstrap 3.1.1导航栏中相同高度的响应项目

bootstrap源码分析之scrollspy(滚动侦听)

Bootstrap 3 Navbar - 不能正确折叠