编辑引导 CSS 以隐藏图像答案

【问题标题】：Editing bootstrap CSS to hide an image编辑引导 CSS 以隐藏图像
【发布时间】：2016-08-13 20:43:02
【问题描述】：

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

HTML：

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

CSS：

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

谢谢。

【问题讨论】：

标签： html css

【解决方案1】：

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

【讨论】：

【解决方案2】：

尝试使用Bootstrap Responsive Utilities

.hidden-xs

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

【讨论】：