Bootstrap！是否存在隱藏sm這樣的事情

在Bootstrap中工作，我有兩列的行 - 一列中的圖像，另一列中的文本。我想要做的就是將圖像隱藏在col-sm和col-xs設備上。有沒有辦法做到這一點？我發現的所有內容都是hidden-xs。Bootstrap！是否存在隱藏sm這樣的事情

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>

來源

2015-03-03 DesignGal

您可以使用.hidden-sm和.hidden-xs類來隱藏平板電腦和手機的內容 – 2015-03-03 06:36:03

@YogeshSharma，感謝您的反饋。這工作。我有點尷尬，解決方案很簡單。 #NewToBootstrap – DesignGal 2015-03-03 06:52:59

很高興聽到:) – 2015-03-03 06:53:53

按你想隱藏在平板電腦和移動設備的圖片我的理解？

要在兩臺設備上隱藏圖像，您可以使用「.hidden-sm」（隱藏在平板電腦中）和「.hidden-xs」（隱藏在手機中）類。

請參見http://getbootstrap.com/css/在「網格選項」一節中您可以找到瀏覽器相關的類，在「可用類」部分中您可以看到隱藏不同二類設備中的內容的類。

我希望這篇文章能幫助你。

來源

2015-03-03 06:40:45

Bootstrap！是否存在隱藏sm這樣的事情

回答

相關問題