在bootstrap选项卡式导航下删除行

时间:2015-01-06 18:21:37

标签: css twitter-bootstrap

我正在使用bootstrap最新版本开发页面,并使用标签式导航页面。我想知道如何删除选项卡式导航下的行。

这是我的图片enter image description here

2 个答案:

答案 0 :(得分:7)

通过将border-bottom css设置为0px来覆盖默认的bootstrap选项卡式导航样式

<ul class="nav nav-tabs" style="border-bottom:0px">
  <li class="active">
     <a href="#">Home</a> 
  </li> 
  <li><a href="#">Tutorials</a></li>
  <li><a href="#">Practice Editor </a></li> 
  <li><a href="#">Gallery</a></li> 
  <li><a href="#">Contact</a></li> 
</ul>

答案 1 :(得分:0)

在课程border-bottom-color: transparent;

下打开引导程序并覆盖bottom-color: #ffffff;到边框 - .nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > i.active > a:focus