Элементы навигации выглядят как ссылка

#html #twitter-bootstrap #navbar

#HTML #twitter-bootstrap #Панель навигации

Вопрос:

Вот код: я скопировал загрузочный CND из getbootstrap.com . Я делаю что-то не так?

       <div class="navbar-header">
        <a href="#" class="navbar-brand">Company Name</a>
      </div>

      <ul class="nav">
        <li class="nav-item">
          <a href="#" class="nav-link nav-dark">Item 1</a>
        </li>
        <li class="nav-item">
          <a href="#" class="nav-link nav-dark">Item 2</a>
        </li>
      </ul>
    </nav>
  

Я застрял в этом на некоторое время. Дважды проверил документы mdn и некоторые обучающие видеоролики на Youtube, но безуспешно.

Ответ №1:

Добавьте text-decoration-none в класс все ваши ссылки.

Это будет выглядеть так:

         <a href="#" class="navbar-brand">Company Name</a>
      </div>

      <ul class="nav">
        <li class="nav-item">
          <a href="#" class="nav-link text-decoration-none nav-dark">Item 1</a>
        </li>
        <li class="nav-item">
          <a href="#" class="nav-link text-decoration-none nav-dark">Item 2</a>
        </li>
      </ul>
    </nav>

  

если вы хотите изменить цвета ссылки с помощью класса Bootstrap, смотрите Здесь или просто настройте их в своем пользовательском файле CSS.