修改继承引导样式的高度

Question

我是一个CSS新手，我必须更改一些代码，看起来它们是从bootstap继承样式..

 <style>
.thumbnail{display:table !important}
 </style>
 <div class="thumbnail">

因此缩略图是表格内的一个单元格，我需要更改此单元格的高度和重量，有关如何做到这一点的任何建议吗？我没有看到该款式的任何高度或宽度属性？

感谢。

Answer 1

不要修改bootstrap类，只需像这样添加新类

<强> CSS

.thumbnail-custom{
   background-color:red !important;
}

我认为甚至不需要重要

<强> HTML

<div class="thumbnail thumbnail-custom">
...
</div>

如果您使用 LESS

.thumbnail-custom{
  .thumbnail;
  background-color:red !important;
}

HTML

<div class="thumbnail-custom">
    ...
</div>