缩略图类的不同样式

Question

我拿了3个缩略图类，每个类我想要给出不同的样式，比如我想要一个不同颜色的边框。我试着更改类名并给出样式但它不起作用，缺少对齐。还有其他方法。请帮助我。

Answer 1

您需要保留提供基本样式thumbnail的css类，然后添加一个类以创建其他样式。这是级联样式表的目的。

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