如何引導標籤頁擺脫兩個酒吧的

正如你可以看到，兩個紅色箭頭指向是，我需要兩個水平條擺脫。他們不是邊界。我如何擺脫它們？

.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; 
 
}

<ul class="nav nav-tabs"> 
 
    <li class="active"><a data-toggle="tab" href="#studentsTabPage">Students</a></li> 
 
    <li><a data-toggle="tab" href="#studentDetailsTabPage">Student Details</a></li> 
 
    <li><a data-toggle="tab" href="#exclusionsTabPage">Exclusions & Inclusions</a></li> 
 
</ul> 
 

 
<div class="tab-content"> 
 
    <div id="exclusionsTabPage" class="tab-pane fade"> 
 

 
    </div> 
 

 
    <div id="studentDetailsTabPage" class="tab-pane fade"> 
 

 
    </div> 
 

 
    <div id="exclusionsTabPage" class="tab-pane fade"> 
 

 
    </div> 
 
</div>

來源

2017-05-08 Silly Dude

請提供一個jsfiddle或codepen的例子，我不能真正得到2行，即使我複製了你的代碼。 – demoncoder

我制定瞭如何擺脫底線。有一個類定義在某處：active {border-bottom：1px solid＃CBCD44; }。但是我不知道如何擺脫頂線。 jsfiddle在這裏：https://jsfiddle.net/Frank_from_Melbourne/jf0457sp/ –

我解決了問題：.nav-tabs {border：none; }。非常感謝您的幫助！ –

爲.nav-tabs這個課程中移除下邊框添加邊框頂部該類.tab-content

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

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

入住這Fiddle

來源

2017-05-08 06:04:10 ilmk

摸索出爲什麼。某處有一個css：

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

一旦我刪除它，底部欄不見了。然後，我添加以下CSS擺脫頂部條：

.nav-tabs { border:none; }

來源

2017-05-08 04:45:12

如何引導標籤頁擺脫兩個酒吧的

回答

相關問題