将多个类分配给Bootstrapped div是一种常见/可接受的做法吗？

Question

我想分配一个Bootstrapped div col-md-4类，并分配一个缩略图类，如下所示：

<div class="col-md-4 thumbnail">
     <img src="http://goo.gl/0sX3jq">
</div>

这可以接受吗？

Answer 1

只要保持bootstrap类完整，就可以向div添加n个类。 确切地说，您可以将缩略图类添加到div中，但请确保您没有覆盖col-md-4类中提到的属性。

Answer 2

是的，一个div可以有多个类。

Answer 3

如果您使用的是LESS，您可以执行类似的操作，这样您就可以在元素

上缩短类

<强> LESS

.my-image{
    .thumbnail;
    .make-md-column(4);
}

<强> HTML

<div class="my-image">
     <img src="http://goo.gl/0sX3jq">
</div>

或者如果你有类似的东西

<ol>

<li class="list-group-item">1</li>
<li class="list-group-item">2</li>
<li class="list-group-item">3</li>
<li class="list-group-item">4</li>
<li class="list-group-item">5</li>

</ol>

轻松做这样的事情

ol li{
.list-group-item;
}