Прихлоп: активное текстовое изменение цвета мякиша по

Согласно документации Bootstrap breadcrumb active item не содержит никакой ссылки внутри.

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

Используйте стандартную структуру Bootstrap для хлебных крошек, т. е.

<ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  <li class="active">Data</li>
</ol>

Вот два возможных способа переопределения цвета активного текста:

Способ #01:

1. перейти к настройка Bootstrap Страница.
2. перейдите в разделхлебные крошки .
3. переопределите значение по умолчанию @breadcrumb-active-color varaible со значением, которое вам нужно, т. е. #000.
4. перейдите в раздел Загрузки и нажмите кнопку "Compile and Download".

---

Способ #02:

Вам нужно будет переопределить стили Bootstrap в вашем пользовательском файле css.

.breadcrumb >.active {
   color: black;
}

---

Однако если вам все еще нужна ссылка внутри active элемента, вам нужно изменить селектор соответственно, то есть:

.breadcrumb >.active a {
   color: black;
}

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");

.breadcrumb > .active,
.breadcrumb > .active a {
  color: black;
}

<ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  <li class="active">Data(Without Link)</li>
</ol>
<ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  <li class="active"><a href="#">Data(With Link)</a></li>
</ol>