当前位置: 首页 > 知识库问答 >
问题:

使用引导隐藏显示

陈胤
2023-03-14

我尝试了下面的代码在移动和桌面上以不同的方式显示。但是两个句子同时显示。

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

共有3个答案

郎睿
2023-03-14

在同一类中不能同时使用隐藏或可见(尽量不要使用可见,请参见下文)

引导响应实用程序

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

编辑:正如下面指出的,“可见”现在已经过时(参见德鲁·托马斯的解释答案)

臧彭亮
2023-03-14

简单样本

也检查这个留档从Twitter引导。

仅移动可见:

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

仅对手机隐藏:

<div class="hidden-xs">
    Content to show in mobile  
</div>
怀德馨
2023-03-14

来扩展另外两个答案:

  • 只在单个元素上使用隐藏或可见(如上所述)
  • 请注意,可见-*现在已被弃用。相反,最后应该有一个显示属性。一个例子是可见-md-块。请参阅此线程:在响应式布局中隐藏元素?

下面是一个使用您提供的代码的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>
 类似资料:
  • 假设我创建了一个HTML元素, 如何从jQuery/JavaScript中显示和隐藏HTML元素。 JavaScript: 结果:(任何一种)。 我想把上面的元素隐藏起来。 使用Bootstrap隐藏元素并使用jQuery显示元素的最简单方法是什么?

  • 问题内容: 对于我正在做的网站,我想加载一个div,然后隐藏另一个,然后有两个按钮可以使用JavaScript在div之间切换视图。 这是我当前的代码 替换div2的第二个功能不起作用,但第一个功能起作用。 问题答案: 如何显示或隐藏元素: 为了显示或隐藏元素,请操纵元素的style属性。在大多数情况下,您可能只想更改元素的属性: 或者,如果您仍然希望元素占用空间(例如,如果您要隐藏表格单元格),

  • 对于我正在做的一个网站,我想加载一个div并隐藏另一个,然后有两个按钮可以使用JavaScript在div之间切换视图。 这是我当前的代码 null null 取代div2的第二个函数不起作用,但第一个是。

  • 我读了这里的帖子,我的Bootstrap网站,并且疯狂地搜索--但是找不到我确信是一个简单的答案。 我有一个从link_to帮助器打开的引导模式,如下所示: 在我的操作中,我的代码创建然后传递到。在中,我有一些错误处理代码(ruby和javascript的混合)。如果一切顺利,我想关闭模态。 这就是我遇到麻烦的地方。当一切顺利时,我似乎不能放弃模态。 我尝试了,但没有效果。我还尝试过,这会使模态消

  • 主要内容:实例,jQuery hide() 和 show(),实例,实例,实例,jQuery toggle(),实例隐藏、显示、切换,滑动,淡入淡出,以及动画,哇哦! 因为时间是宝贵的,我们提供快捷方便的学习方法。 在小牛知识库,你可以学习需要的知识。 实例 jQuery hide() 简单的jQuery hide()方法演示。 jQuery hide() 另一个hide()实例。演示如何隐藏文本。 jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和

  • 问题内容: 我有一个菜单和三个隐藏的div,这些div取决于用户选择的选项。我只想使用CSS来显示/隐藏它们。我现在正在使用jquery,但我希望禁用js即可访问它。此处有人为其他人提供了此代码,但仅在div:hover或div:active时有效,当我将其更改为div:visited时它不起作用。我是否需要添加某些内容,或者这不是正确的方法?感谢您的帮助:) 问题是我的客户希望菜单被选中时此di