在Bootstrap 4中显示链接

Question

所以我在Bootstrap 4中有这样的东西：

<div id="collapseOne" class="collapse">
collapsed text
</div>
<a data-toggle="collapse" data-target="#collapseOne">more / less</a>

它工作正常，但是，“更多/更少”的链接不会显示为链接，也不会显示为所有其他链接的颜色。它只是显示为文本。如何让它看起来像我网站上的任何其他链接？感谢。

Answer 1

您必须使用CSS才能实现这一目标。

.collapse-link {
  color: blue !important;
  text-decoration: underline !important;
}

.collapse-link:hover {
  cursor: pointer;
}

但是，如果可能，应该避免使用!important子句。我可以建议使用Bootstrap按钮而不是锚。

<button class="btn btn-xs btn-primary" data-toggle="collapse" data-target="#collapseOne">Button</button>

编辑：或者只是将href="#"添加到你的主播中，就像@ZimSystem所说的那样。