パネル
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
<div class="acms-panel">
<div class="acms-panel-header">
<h3 class="acms-panel-title">パネルのタイトルです</h3>
</div>
<div class="acms-panel-body">
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
</div>
<div class="acms-panel-footer">
パネルのフッター
</div>
</div>
連なったパネル
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
<div class="acms-panel">
<div class="acms-panel-header">
<h3 class="acms-panel-title">パネルのタイトルです</h3>
</div>
<div class="acms-panel-body">
...
</div>
<div class="acms-panel-header">
<h3 class="acms-panel-title">パネルのタイトルです</h3>
</div>
<div class="acms-panel-body">
...
</div>
<div class="acms-panel-header">
<h3 class="acms-panel-title">パネルのタイトルです</h3>
</div>
<div class="acms-panel-body">
...
</div>
</div>
アイコンと一緒に
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
<div class="acms-panel">
<div class="acms-panel-header">
<i class="acms-icon-arrow-small-right acms-float-right"></i><h3 class="acms-panel-title">パネルのタイトルです</h3>
</div>
<div class="acms-panel-body">
...
</div>
</div>
カラーバリエーション
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
<div class="acms-panel acms-panel-info">
<div class="acms-panel-header">
...
</div>
<div class="acms-panel-body">
...
</div>
<div class="acms-panel-footer">
...
</div>
</div>
<div class="acms-panel acms-panel-danger">
<div class="acms-panel-header">
...
</div>
<div class="acms-panel-body">
...
</div>
<div class="acms-panel-footer">
...
</div>
</div>