如何摆脱bootstrap标签页中的两个栏

Question

我的引导标签如下所示：

正如你所看到的，两个红色箭头指向的是我需要摆脱的两个水平条。他们不是边界。我如何摆脱它们？

＆＃13;

＆＃13;

<div class="container">
  <div class="test">

  </div>
</div>

＆＃13;

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: black;
  /*rgb(240,90,42);*/
  font-weight: bold;
  background-color: rgb(230, 230, 172);
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  border: solid 1px rgb(204, 205, 90);
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}

.nav-tabs>li>a {
  color: black;
  /*rgb(240,90,42);*/
  font-weight: bold;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}

.tab-pane {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.tab-content {
  border-left: 1px solid rgb(204, 205, 90);
  border-right: 1px solid rgb(204, 205, 90);
  border-bottom: 1px solid rgb(204, 205, 90);
  border-radius: 15px;
  padding: 10px;
}

＆＃13;

＆＃13;

＆＃13;

Answer 1

删除此课程.nav-tabs的下边框，并为此课程添加边框顶部.tab-content

 .tab-content {
    border: 1px solid rgb(204,205,90);
    border-radius: 15px;
    padding: 10px;
  }

.nav-tabs {
    border-bottom: 0;
}

选中 Fiddle

Answer 2

找出原因。某处有一个css：

active { border-bottom: 1px solid #CBCD44; }

一旦我将其取下，底栏就不见了。然后，我添加以下css来摆脱顶部栏：

.nav-tabs { border:none; }