0

我有以下 Twitter Bootstrap“堆叠药丸”列表，模仿http://twitter.github.io/bootstrap/components.html#navs中显示的示例

<div class="navbar-inner">
    <ul class="nav nav-pills nav-stacked">
        <li class="nav-header">noun</li>
        <li class="active"><a href="#">a soft partly suppressed laugh</a></li>
        <li class="nav-header">verb</li>
        <li><a href="#">laugh quietly or with restraint</a></li>
        <li><a href="#">this isn't really a definition; it's just an example of a long one</a></li>
    </ul>
</div>

当它呈现（在谷歌浏览器中）时，我得到了这个：

不正确

将此与 Twitter Bootstrap 网站上显示的示例进行比较：

<ul class="nav nav-pills nav-stacked">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Profile</a></li>
      <li><a href="#">Messages</a></li>
</ul>

正确的

为什么<a>链接在我的版本中有下划线，但在 Twitter Bootstrap 示例中没有？我确定这是“显而易见的事情”，但我是 Web UI 开发的新手。:)

4

2 回答 2

2

<a>可能有 CSS 可以消除标签中下划线的下划线。您可以通过添加来做到这一点

a{
    text-decoration: none;
}

到你的 CSS。这将删除所有链接的下划线。要指定特定的 id 或类，只需a{像往常一样指定您的 id 或类。

于 2013-07-16T02:25:08.903 回答
2

添加.nav a { text-decoration:none}到您的样式表。

于 2013-07-16T02:24:42.543 回答