html - 如何使用 CSS 在 bootstrap 中增加导航栏的底部边框

Question

基本上，我想在 Bootstrap 中的导航栏(默认固定导航栏)下方添加彩色边框。为此，我在 CSS 中添加了边框样式，它正在工作，它在导航栏下方显示边框，但我希望这个边框稍微粗一点，但我不知道该怎么做？ 代码-

<div class="tab-content">
  <div id="home" class="tab-pane fade in active">
    <h3>HOME</h3>
    <p>home</p>
  </div>
  <div id="menu1" class="tab-pane fade">
    <h3>Menu 1</h3>
    <p>home1</p>
  </div>
  <div id="menu2" class="tab-pane fade">
    <h3>Menu 2</h3>
    <p>home2</p>
  </div>
  <div id="menu3" class="tab-pane fade">
    <h3>Menu 3</h3>
    <p>home3</p>
  </div>
 </div>
</div>
</body>
</html>

和CSS如下

.navbar-default{
background-color: #A52A2A !important;
border-style: solid;
border-bottom-width: 15px;
border-bottom-color: #7FFF00 !important;
}

但是这里的 border-bottom-width: 15px;属性(property)将无法运作.... 那么有没有增加边框厚度的选项？如果你有任何其他解决方案，那么也建议我....谢谢你

Answer 1

.navbar-default {border-bottom: 15px solid #7FFF00 !important; 背景色:#A52A2A !important;

试试这个