Twitter bootstrap 删除“；导航标签；圆角（引导）

不知道如何删除引导中选项卡（class=“nab tabs”）上的圆角

例如：

请帮忙

---

谢谢

浏览CSS文件，查找任何.nav选项卡条目并查找：

-webkit-border-radius
 -moz-border-radius
      border-radius

将它们全部设置为0

编辑：

您也可以用主题版本替换，例如“平面”、“地铁”样式的版本：

---

将这一行添加到CSS中

.nav-tabs > li > a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

或者在您的情况下：

.nab-tabs > li > a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

编辑：2018年3月21日

在BS4.0中还有另一种方法添加四舍五入-0官方：

对于引导4，您可以使用

.nav tabs nostyle

。例如：

<nav class="navbar navbar-fixed-top navbar-light bg-faded">
  <div class="nav navbar-nav nav-tabs-nostyle">
    <a href="#one" class="nav-item nav-link" data-toggle="tab">One</a>
    <a href="#two" class="nav-item nav-link" data-toggle="tab">Two</a>
    <a href="#three" class="nav-item nav-link" data-toggle="tab">Three</a>
  </div>
</nav>

区别：“.nav选项卡”与“.nab选项卡”。我喜欢程序员和他们的解释我必须使用边界半径：0！重要的；再加上这给我带来的笑声

<nav class="navbar navbar-fixed-top navbar-light bg-faded">
  <div class="nav navbar-nav nav-tabs-nostyle">
    <a href="#one" class="nav-item nav-link" data-toggle="tab">One</a>
    <a href="#two" class="nav-item nav-link" data-toggle="tab">Two</a>
    <a href="#three" class="nav-item nav-link" data-toggle="tab">Three</a>
  </div>
</nav>