javascript - 增加特定导航的高度 nav-tabs li

Question

我正在尝试增加特定 bootstrap nav nav-tabs li 元素的高度，尝试在 li 元素上添加高度样式会使整个 ul 元素增加，如下图所示。 before

我试过了:

<ul class="nav nav-tabs">
<li>
<a>Tab 1 </a>
</li>
<li class="active">
<a>Tab 2 </a>
</li>
<li>
<a>Tab 3 </a>
</li>
</ul>

收件人:

<ul class="nav nav-tabs">
<li>
<a>Tab 1 </a>
</li>
<li class="active" style="height:80px;">
<a>Tab 2 </a>
</li>
<li>
<a>Tab 3 </a>
</li>
</ul>

我希望它看起来像下面这张图片 after

Answer 1

• 试试 !important

  style="height:80px !important;

---