Twitter bootstrap 缩略图类的不同样式

Twitter bootstrap 缩略图类的不同样式,twitter-bootstrap,Twitter Bootstrap,我选了3个缩略图类,每个类我想给它们不同的样式,就像我想给它们一个不同颜色的边框一样。我试图更改类名并给样式,但它不起作用,对齐丢失。是否有其他方法。请帮助我。您需要保留提供基本样式缩略图的css类,然后添加一个类以创建其他样式。这就是级联样式表的目的 <div class="row"> <div class="col-xs-6 col-md-3"> <a href="#" class="thumbnail border-green">

我选了3个缩略图类,每个类我想给它们不同的样式,就像我想给它们一个不同颜色的边框一样。我试图更改类名并给样式,但它不起作用,对齐丢失。是否有其他方法。请帮助我。

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

<div class="row">
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail border-green">
      <img src="..." alt="...">
    </a>
  </div>
  ...
</div>
如果希望
边框绿色
仅应用于
缩略图
,则css的定义如下:

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

你能发布你的代码来显示你尝试了什么吗?
.thumbnail.border-green{
    border-color:green;
}