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

Question

In bootstrap nav we can show the menu in collapsing format. Similary I want to show div in the collasing format. eg if it is is mobile view then only show the top div and hide all the div in collapse mode . I am aware of the below supports in bootstrap responsive

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

If it is not supported please all share the idea how it can be implemented.

Answer 1

nirajkumar , have a look at this Fiddle .
You can use the .hidden-xs Bootstrap class to do what you want here.
Using version 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> 

Answer 2

This is listed in the official Bootstrap docs. Here's the link: http://getbootstrap.com/css/#responsive-utilities-classes

Answer 3

I assume you can use Javascript. You can create collapse effect with JavaScript (already implemented in Bootstrap : http://getbootstrap.com/javascript/ look for "collapse"). In fact you don't need to write any Javascript code at all.