如何覆盖bootstrap元素的默认内容？

Question

我有来自Bootstrap的以下元素：

<li class="VuePagination__pagination-item page-item  VuePagination__pagination-item-prev-chunk disabled">
  <a href="javascript:void(0);" disabled="disabled" class="page-link">&lt;&lt;</a>
</li>

我希望在链接中有这个：

font-family: "Ionicons";
font-weight: bold;
content: "\F3D1";

如何使用CSS或JQuery实现这一目标？

Answer 1

在CSS中添加它

.page-item a:after {
  font-family: "Ionicons";
  font-weight: bold;
  content: "\F3D1";
  margin-left: 10px;
  display: inline-block; /*remove if not needed*/
}

而已。