<div class="panel-group" id="accordion">

<div class="panel panel-default">

<div class="panel-heading"><a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="">垂直折叠内容1</a></div>

<div id="collapseOne" class="panel-collapse in collapse" style="height: auto;">

<div class="panel-body">这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。</div>

</div>

</div>

<div class="panel panel-default">

<div class="panel-heading">

<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="">

垂直折叠内容2

</a>

</div>

<div id="collapseTwo" class="panel-collapse in collapse" style="height: auto;">

<div class="panel-body">

这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。

</div>

</div>

</div>

<div class="panel panel-default">

<div class="panel-heading">

<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="">

垂直折叠内容3

</a>

</div>

<div id="collapseThree" class="panel-collapse in collapse" style="height: auto;">

<div class="panel-body">

这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。这里是折叠的具体内容，您可以添加任意文本或者其他媒体内容，并根据您的需要进行排版。

</div>

</div>

</div>

</div>