html - 编辑 bootstrap CSS 以隐藏图像

Question

我在计算机上查看网站时显示了一张图片；但是，我希望在移动设备上查看网站时隐藏它。我刚刚使用了“显示:无；” CSS 但由于某种原因它不起作用。

HTML:

<div class="col-sm-7 col-sm-offset-1">
      <img src="./images/testing.jpg" alt="">
</div>

CSS:

.col-sm-7 {
    display:none;
}

谢谢。

Answer 1

只需添加类 hidden-xs 和/或 hidden-sm。

参见 the docs for more info