Bootstrap Responsive：在折叠模式下显示多个div

在引导nav中，我们可以以折叠格式显示菜单。相似我想以collasing格式显示div。例如，如果它是移动视图，那么只显示顶部的div，并隐藏所有的div在折叠模式。我知道以下支持自举响应Bootstrap Responsive：在折叠模式下显示多个div

.visible-phone 
.visible-tablet 
.visible-desktop 
.hidden-phone 
.hidden-tablet 
.hidden-desktop

如果不支持，请全部分享它的想法如何实现。

来源

2015-06-13 nirajkumar

-1

我认为您可以使用Javascript。您可以使用JavaScript创建合拢效果（已在Bootstrap中实现：http://getbootstrap.com/javascript/查找“合拢”）。事实上，你根本不需要编写任何Javascript代码。

来源

2015-06-13 16:24:24 Arsleust

nirajkumar，看看这个Fiddle。
您可以使用.hidden-xs Bootstrap类来做你想做的事。
使用版本3.3.4。

<div class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-1 col-lg-3 col-lg-offset-1 text-center block2 hidden-xs"> 
    Div #1 
</div> 
<div class="col-xs-12 col-sm-12 col-md-4 col-md-offset-2 col-lg-3 col-lg-offset-4 text-center block2"> 
    Div #2 
</div>

来源

2015-06-14 00:05:40 AngularJR

我知道.hidden-xs（.visible-phone）和其他东西。我已经在帖子中提到过。但我真正想要的是如何只显示某个部分，并在滑动/或某些动作时显示其他内容.....就像菜单/我们显示移动设备的按钮并隐藏实际菜单..... – nirajkumar

你好，抱歉没有提到你已经尝试过'hidden-xs'。据我所知，你只是想在某些断点处打开或关闭某些东西。如果是这样，那么只需设置自己的媒体查询断点即可。并使用'display：block;'和'display：none;'等。这有帮助吗？ – AngularJR

实际上我曾经提到“.visible-phone”，它来自较早版本的bootstrap ...解释我真正寻找的是...而不是脚手架引导http://getbootstrap.com/2.3.2/ scaffolding.html ...我想要的内容来刷卡..或在一些行动不做scafffolding ........所以我问它是否支持bootstrap ..而不是写自己的逻辑... – nirajkumar

这是官方Bootstrap文档中列出的。这里是链接： http://getbootstrap.com/css/#responsive-utilities-classes

来源

2015-06-14 00:08:41 OneSneakyMofo

Bootstrap Responsive：在折叠模式下显示多个div

回答

相关问题