'breadcrumb-item active' class 未按预期工作

Question

根据 bootstrap 列出的关于面包屑导航使用的 here 文档，我试图指出一个活跃的面包屑导航项目：

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

但是在文档示例中，该项目似乎并没有变成灰色——根本没有任何变化！这段代码有什么问题 and/or 还有什么可能阻止它工作

Answer 1

您必须从要变灰的面包屑中删除 a tag。

例如；

<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>

'breadcrumb-item active' class 未按预期工作

'breadcrumb-item active' class not working as expected

html

css

breadcrumbs

twitter-bootstrap