引导！有没有隐藏sm之类的东西答案

【问题标题】：Bootstrap! Is there a such thing as hidden-sm引导！有没有隐藏sm之类的东西
【发布时间】：2015-05-03 17:31:09
【问题描述】：

在 Bootstrap 中工作，我有一行有两列 - 一列中的图像，另一列中的文本。我想做的就是在 col-sm 和 col-xs 设备上隐藏图像。有没有办法做到这一点？我发现的只是隐藏的xs。

HTML

<section id="financialPlanning">
<div class="container">
<div class="row">

    <div class="col-sm-4 col-m-12 col-lg-3 pull-left hidden-xs">
    <p><p>         
    <img src="images/compass-img.png" alt="Retirment" class="img-responsive"> 
    </div>


<div class="col-sm-8 col-m-10 col-lg-9">
<font size="5">FINANCIAL PLANNING</font>
<p>Financial planning is never a one-dimensional process. It entails coordinating numerous factors that touch 
upon your investments, future income requirements, estate plan, tax situation and other key 
considerations.</p>
<p>A strong financial plan gives you an objective view of your overall financial picture and provides you with 
the guidance you need to enjoy a stress free retirement. Our Relationship Managers have the 
experience, expertise, and resources to help you and your family create and implement a thoughtful 
and disciplined financial plan.</p>
</div>

【问题讨论】：

您可以使用 .hidden-sm 和 .hidden-xs 类来隐藏平板电脑和移动设备的内容
@YogeshSharma，感谢您的反馈。那行得通。解决方案如此简单，我有点尴尬。 #NewToBootstrap

标签： css image twitter-bootstrap

【解决方案1】：

据我了解，您想在平板电脑和移动设备上隐藏图像。

要在两个设备上隐藏图像，您可以使用“.hidden-sm”（在平板电脑中隐藏）和“.hidden-xs”（在移动设备中隐藏）类。

请看http://getbootstrap.com/css/这个帖子；在“网格选项”部分中，您可以找到与浏览器相关的类，在“可用类”部分中，您可以看到在不同 2 设备中隐藏内容的类。

【讨论】：