Bootstrap navbar link underline error

Question

Я набрал следующий код. Но я получил подчеркнутый текст. Какая у меня ошибка?

<div class="navbar navbar-default navbar-static-top"> 
      <div class="container"> 
       <a href="#" class="navbar-brand">Hi</a> 
      </div> 
     </div> 

Answer 1

Ваш текст на самом деле ссылка (потому что в <a> тег), и CSS вы используете, вероятно, где-то говорит, что ссылки должны быть подчеркнуты. Вы можете удалить подчеркивание по укладке ссылку с этим:

a.navbar-brand { 
    text-decoration: none; 
} 

Answer 2

Дело бутстрапом Navbar использует listelement, чтобы сделать список элементов, как ссылки, чтобы сделать кнопку в навигационной панели из него.

В вашем случае:

<div class="navbar navbar-default navbar-static-top"> 
    <ul class="nav navbar-nav"> 
     <li> 
      <a href="#" class="navbar-brand">Hi</a> 
     </li> 
    </ul> 
</div> 

будет делать трюк.

Я создал JSFIDDLE, чтобы показать результат