缩略图类别的不同样式

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