使用引导程序隐藏显示

我尝试了以下代码在移动和桌面上以不同方式显示。但是两个句子同时显示。使用引导程序隐藏显示

<div> 
    <div class="hidden-xs hidden-lg hidden-sm visible-md"> 
     Page-under-Construction.Please-try-again-later. 
    </div> 
    <div class="hidden-md hidden-lg visible-xs"> 
     Page-under-Construction. 
    </div> 
</div>

来源

2015-05-08 surya baby

份额你试过 – Panther

为了扩大对其他两个答案：

不要只使用隐藏或可见在单个元素（如上所述）
请注意，visible- *现在已弃用。相反，最后应该有一个显示属性。一个例子是visible-md-block。看到这个线程：Hiding elements in responsive layout?

下面是一个使用你提供的代码plunker：http://plnkr.co/edit/brjPCsh578WGu5Eq1rWl?p=preview

<div class="hidden-xs hidden-sm"> 
    Page-under-Construction. Please-try-again later. 
</div> 
<div class="hidden-md hidden-lg"> 
    Page-under-Construction. 
</div>

来源

2015-05-08 05:29:57

的代码，我需要更改任何设置在浏览器中，用于此目的BCZ中，代码在plunker中工作正常......但在我的系统中没有在Firefox中 –

没问题。为了清楚起见，可见本身不被弃用，最终没有显示属性。我提到的线索有一个彻底的解释。 –

非常感谢... –

使用隐藏或可见（尽量不要使用可见，见下文），但不能同时在同一个班

Bootstrap Responsive Utilities

<div> 
<div class="hidden-xs hidden-sm"> 
    Page-under-Construction.Please-try-again-later. 
</div> 
<div class="hidden-md hidden-lg"> 
    Page-under-Construction. 
</div>

编辑：为指出低于“可见”现在已被弃用（请参阅Drew Thomas的解释答案）

来源

2015-05-08 04:37:53

Simple Sample

另请检查来自Twitter Bootstrap的文档this。

可见的只有手机：

<div class="visible-xs"> 
    Content to show in mobile 
</div>

隐藏仅移动：

<div class="hidden-xs"> 
    Content to show in mobile 
</div>

来源

2015-05-08 05:11:16 CENT1PEDE

使用引导程序隐藏显示

回答

相关问题