Bootstrap3
日本語リファレンス

広告

折り畳み式リスト・グループ


折り畳めるリスト・グループ


サンプル
  • リスト項目A
  • リスト項目B
  • リスト項目C
ソースコード
<div class="panel panel-default">
	<div class="panel-heading">
		<h3 class="panel-title">
			<a data-toggle="collapse" href="#sampleCollapseListGroup1">
				折り畳み式リスト・グループ
			</a>
		</h3>
	</div>
	<div id="sampleCollapseListGroup1" class="panel-collapse collapse in">
		<ul class="list-group">
			<li class="list-group-item">リスト項目A</li>
			<li class="list-group-item">リスト項目B</li>
			<li class="list-group-item">リスト項目C</li>
		</ul>
		<div class="panel-footer">フッター</div>
	</div>
</div>

広告