Bootstrap page layout 23-BS folding content

<Div class = 'iner iner-fluid'> <H3 class = 'page-head'> Bootstrap folding content 
<! -- The button tag points to data-target = '# collapse2' --> <button class = 'btn BTN-Primary' data-Toggle = 'collapse' data-target = '# collapse2'> Click Show content 2 </button>
<! -- Class in indicates that this content is displayed by default --> <Div class = 'collapse in 'Id = 'collapse1'> w3cschoool cainiao tutorial is a Web technology site that provides the latest version, this site provides technical documents related to website construction for free, helping the majority of web technology enthusiasts get started quickly and build their own websites. Cainiao first flew in early -- learning not only technology, but also dream. </Div> <Div class = 'collapse in 'Id = 'collapse2'> w3cschoool cainiao provides the latest web technology site. This site provides technical documents related to website creation for free, help Web Technology enthusiasts get started quickly and build their own websites. Cainiao first flew in early -- learning not only technology, but also dream 2. </Div>

Effect

 

Achieve accordion Effect

Code:

<Div class = 'iner iner-fluid'> <H3 class = 'page-head'> Bootstrap folding content View code