파인SE v11 - 메뉴얼

Panel

기본

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with footer

코드보기

색상

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with header

Lorem ipsum dolor sit amet.

Panel with footer

코드보기

<div class="panel panel-block colorful primary">
	<h4>Panel with header</h4>
	<p>Lorem ipsum dolor sit amet.</p>
</div>

<div class="panel panel-block colorful info">
	<h4>Panel with header</h4>
	<p>Lorem ipsum dolor sit amet.</p>
</div>

<div class="panel panel-block colorful success">
	<h4>Panel with header</h4>
	<p>Lorem ipsum dolor sit amet.</p>
</div>

<div class="panel panel-block colorful warning">
	<h4>Panel with header</h4>
	<p>Lorem ipsum dolor sit amet.</p>
</div>

<div class="panel panel-block colorful mint">
	<h4>Panel with header</h4>
	<p>Lorem ipsum dolor sit amet.</p>
</div>

<div class="panel panel-block colorful purple">
	<h4>Panel with header</h4>
	<p>Lorem ipsum dolor sit amet.</p>
</div>

<div class="panel panel-block colorful pink">
	<h4>Panel with header</h4>
	<p>Lorem ipsum dolor sit amet.</p>
</div>

<div class="panel panel-block colorful dark">
	<h4>Panel with header</h4>
	<p>Lorem ipsum dolor sit amet.</p>
</div>

<div class="panel colorful primary">
	<div class="panel-header">
		<div class="panel-title">Panel with header</div>
	</div>
	<div class="panel-block">
		<p>Lorem ipsum dolor sit amet.</p>
	</div>
</div>

<div class="panel colorful primary">
	<div class="panel-header">
		<div class="panel-title">Panel with header</div>
	</div>
	<div class="panel-block">
		<p>Lorem ipsum dolor sit amet.</p>
	</div>
	<div class="panel-footer">
		Panel with footer
	</div>
</div>