html - “breadcrumb-item active”类未按预期工作

Question

根据列出的 Bootstrap 文档 here关于面包屑的使用，我试图指出一个活跃的面包屑元素:

<ol class="breadcrumb">
<li class="breadcrumb-item active"><a href="#">Home Page</a></li>
</ol>

但在文档示例中，该元素似乎并没有变为灰色——根本没有任何变化!这段代码有什么问题和/或还有什么可能阻止它工作

Answer 1

您必须从希望变灰的面包屑中删除 a 标签。

例如；

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="#">First Page</a></li>
  <li class="breadcrumb-item active">Home Page</li>
</ol>