刪除「nav-tabs」圓角（Bootstrap）

Question

不知道如何刪除Bootstrap中選項卡上的圓角（class =「nab-tabs」）。

例子：http://i.imgur.com/ho7rX.png

請幫助

感謝

Answer 1

通過CSS文件去尋找任何.nav-標籤項，並查找：

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

它們都設置爲0.

編輯：

你也可以用一個主題版本來替換像這樣的「蝸居」，「地鐵」的風格版本：

http://bootswatch.com/cosmo/#buttons

Answer 2

此行添加到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; 
} 

Answer 3

對於Bootstrap 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>