javascript - 从 Twitter Bootstrap 3 中的活动导航栏页面中删除链接

Question

我想从 TW Bootstrap 3 的导航栏中的项目中删除链接。

<li class="active">
    <a href="#1">Link 1 (active) - This must to be a text, not a link</a>
</li>

似乎样式已应用于a导航栏的标记。如何从保持相同样式的活动导航栏项目中删除链接？

---

我知道这可以用一些 js 轻松破解：

on click --> return false;

和CSS：

a:hover { cursor: default; }

但如果 Bootstrap 3 中的内置类可以做到这一点，我不会这样做。

JSFIDDLE

Answer 1

最有效的方法是使用css. 您可以在链接到您的 BS css 文件之后简单地添加您的新规则。所以，这将是最好的方法：

a:hover { cursor: default; }

JSFIDDLE