Twitter bootstrap 当标签在Bootstrap 4中处于活动状态时，如何向其添加自定义样式？

我有这些清单项目。当活动选项卡更改为第1页时，我希望底部有边框：实心1px 000；与Bootstrap自己的样式相反/

<ul class="nav nav-tabs">

    <li><a data-toggle="tab" href="#Home" role="tabpanel" class="nav- 
    link active">Home</a>
    </li>

    <li><a data-toggle="tab" href="#Page_1" role="tabpanel" class="nav- 
    link">Page 1</a>
    </li>

</ul>

---

选择要覆盖的引导项，然后确保在加载引导css文件后在样式文件中创建自己的引导类。单击选项卡将其高亮显示为活动，注意引导顺序，然后单击自定义样式：

.nav tabs.nav-item.show.nav link.nav tabs.nav-link.active{ 背景：moccasin； 底部边框：2倍纯绿； } 标题 .nav tabs.nav-item.show.nav link.nav tabs.nav-link.active{ 背景：moccasin； 底部边框：2倍纯绿； } ... ... ...

---

选择要覆盖的引导项，然后确保在加载引导css文件后在样式文件中创建自己的引导类。单击选项卡将其高亮显示为活动，注意引导顺序，然后单击自定义样式：

.nav tabs.nav-item.show.nav link.nav tabs.nav-link.active{ 背景：moccasin； 底部边框：2倍纯绿； } 标题 .nav tabs.nav-item.show.nav link.nav tabs.nav-link.active{ 背景：moccasin； 底部边框：2倍纯绿； } ... ... ...