从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