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