縮略圖類別的不同樣式

Question

我帶了3個縮略圖類，每個類我想給不同的樣式，就像我想爲他們使用不同的顏色的邊框。我試圖改變類名稱並給出樣式但它不工作，路線不見了。有沒有其他的路可以幫我解決。

Answer 1

您需要保留提供基礎樣式的css類thumbnail然後添加一個類以創建其他樣式。這是級聯樣式表的目的。

<div class="row"> 
    <div class="col-xs-6 col-md-3"> 
    <a href="#" class="thumbnail border-green"> 
     <img src="..." alt="..."> 
    </a> 
    </div> 
    ... 
</div> 

在這個例子中，我們添加一個類border-green。然後，你定義在你的CSS類：

.border-green{ 
    border-color:green; 
} 

如果你想border-green只適用於thumbnails你的CSS將被定義是這樣的：

.thumbnail.border-green{ 
    border-color:green; 
}