獨立樣式Bootstrap標籤

我正在使用Bootstrap標籤，並想知道最好的方法是分別標識標籤，以便我可以以不同方式對它們進行樣式設置 - 例如，以便有藍色標籤和紅色標籤而不是兩個標籤看起來一樣。獨立樣式Bootstrap標籤

這裏的HTML只是標籤：（注：我使用的反應也是如此。）

<ul className="nav nav-tabs"> 
      <li className="active"><a data-toggle="tab" href="#menu1">This is the headline of one article</a></li> 
      <li className="tab"><a data-toggle="tab" href="#menu2">Menu 2</a></li> 
</ul>

而這裏的CSS我到目前爲止：

.nav-tabs>li>a { 
    background-color: #3999C9; 
    color:red; 
    font-family:Fira Sans; 
} 

.nav-tabs { 
    font-family:Fira Sans; 
    border-bottom: 1px solid #10122B; 
}

所以沒有太多，哈哈。欣賞任何提示，無論是在某個地方或任何地方添加課程。

來源

2016-06-27 Ishyla

我不繼，這裏就是問題所在。您可以爲不同類型的選項卡添加不同的類名稱。所以它可能是'

> ...

'等，然後定義這些類的樣式。 –

嗯，只要使用CSS選擇器：

.nav-tabs li:nth-of-type(1) a { ... } // first tab 
.nav-tabs li:nth-of-type(2) a { ... } // 2nd 
.nav-tabs li:nth-of-type(3) a { ... } // etc

來源

2016-06-27 15:43:43

獨立樣式Bootstrap標籤

回答

相關問題