'breadcrumb-item active'类没有按预期工作

Question

根据这里列出的有关使用breadcrumbs的bootstrap文档，我试图指出一个活动的breadcrumb-item如下： ＆lt; ol class =“breadcrumb”＆gt;         ＆lt; li class =“breadcrumb-item active”＆gt;＆lt; a href =“＃”＆gt;主页＆lt; / a＆gt;＆lt; / li＆gt; ＆LT; /醇＆GT; 但是文档示例中的项目似乎没有变为灰色 - 没有任何变化！这段代码有什么问题和/或还有什么可能阻止它工作

Answer 1

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

例如

;

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;