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

Question

我在 .img-thumbnails 上使用各种尺寸的 .img-circles 为 Bootstrap 中的 lg、md 和 xs 宽度制作了一个缩略图画廊 - 问题是我只想删除 sm 屏幕宽度的 .img-circle 类，从而允许 .img-thumbnail 类保留。

这是一段 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;
}
}