删除sm设备的缩略图上的img类

Question

我在.img-circles上使用各种大小.img-thumbnails创建了一个缩略图库，用于Bootstrap中的lg，md和xs宽度 - 问题是我想删除.img-circle仅用于允许.img-thumbnail类保留的sm屏幕宽度的类。

以下是HTML的摘录：

<div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6 thumb">
        <a class="thumbnail" href="#">
            <img src="img/dirk_avatar_thmb.png" class="img-responsive img-circle">
        </a>
    </div>
</div>

我尝试了一些媒体查询 - 没有结果 - 但我是新手。 有什么建议？

Answer 1

请使用此样式表

@media (min-width: 768px) and (max-width:969px) {
.img-circle {
border-radius: 0;
}
}