Question

在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>

Answer 1

根据我的理解，您想在平板电脑和移动设备上隐藏图片？

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

请参阅＆{34;网格选项＆＃34;中的http://getbootstrap.com/css/帖子您可以找到与浏览器相关的课程以及＆＃34;可用课程＆＃34;您可以看到类以隐藏不同设备中的内容。

我希望这篇文章可以帮到你。

引导！有没有像hidden-sm这样的东西

1 个答案: