гиперссылок Подчеркивание

Question

У меня есть следующий Twitter Bootstrap "Stacked таблетки" список, имитируя пример, показанный на 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> 

Когда он делает (в Google Chrome), я получаю это:

Сравните это с примером, показанным на веб-сайте Bootstrap Twitter:

<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? Я уверен, что это «что-то очевидное», но я новичок в разработке веб-интерфейса. :)

Answer 1

Возможно, существует CSS, который устраняет подчеркивание подчеркивания в тегах <a>. Вы можете сделать это, добавив

a{ 
    text-decoration: none; 
} 

к вашим CSS. Это позволит удалить подчеркивания для всех ссылок. Чтобы указать конкретный идентификатор или класс, просто укажите свой идентификатор или класс до a{, как обычно.

Answer 2

Добавить .nav a { text-decoration:none} в таблицу стилей.