[bootstrap] 부트스트랩 – 목록 – 패널(Panels)

패널은 콘텐츠가 있는 박스 형태의 구성요소를 만들 때 사용합니다.

<div class=”panel panel-default“>
<div class=”panel-body“>
Basic panel example
</div>
</div>

 

.panel-heading을 사용해서 콘텐츠 영역과 분리된 제목 영역을 만들 수 있습니다.

<div class=”panel panel-default“>
<div class=”panel-heading“>Panel heading without title</div>
<div class=”panel-body“>
Panel content
</div>
</div>

 

.panel-footer를 사용해 푸터를 배치할 수도 있습니다.

<div class=”panel panel-default“>
<div class=”panel-body“>
Panel content
</div>
<div class=”panel-footer“>Panel footer</div>
</div>