패널
부트 스트랩의 패널은 콘텐츠에 약간의 패딩과 보더 박스 :
기본 패널
패널은으로 만든 .panel 클래스 및 패널 내부 내용이있다 .panel-body 클래스를 :
.panel-default 클래스는 패널의 색상 스타일을하는 데 사용됩니다. 더 상황에 맞는 클래스에 대한이 페이지의 마지막 예를 참조하십시오.
패널 제목
패널 제목
패널 내용
.panel-heading 클래스는 패널에 제목을 추가합니다 :
예
<div class="panel panel-default">
<div
class="panel-heading">Panel Heading</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>
»그것을 자신을 시도 패널 그룹
함께 그룹 많은 패널에, 랩 <div> 클래스로 .panel-group 주변.
.panel-group 클래스는 각 패널의 하단 여백을 지 웁니다
예
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
</div>
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
</div>
</div>
»그것을 자신을 시도 문맥 클래스와 패널
패널 색상을, 상황에 맞는 클래스 (사용 .panel-default , .panel-primary , .panel-success , .panel-info , .panel-warning , 또는 .panel-danger ) :
예
Panel with panel-default class
Panel Content
Panel with panel-primary class
Panel Content
Panel with panel-success class
Panel Content
Panel with panel-info class
Panel Content
Panel with panel-warning class
Panel Content
Panel with panel-danger class
Panel Content