<div class="%{STYLEGUIDE_PAGE}-panel"> <div class="%{STYLEGUIDE_PAGE}-panel-header"> <h3 class="%{STYLEGUIDE_PAGE}-panel-title">パネルのタイトルです</h3> </div> <div class="%{STYLEGUIDE_PAGE}-panel-body"> パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。 </div> <div class="%{STYLEGUIDE_PAGE}-panel-footer"> パネルのフッター </div> </div>
<div class="%{STYLEGUIDE_PAGE}-panel"> <div class="%{STYLEGUIDE_PAGE}-panel-header"> <h3 class="%{STYLEGUIDE_PAGE}-panel-title">パネルのタイトルです</h3> </div> <div class="%{STYLEGUIDE_PAGE}-panel-body"> ... </div> <div class="%{STYLEGUIDE_PAGE}-panel-header"> <h3 class="%{STYLEGUIDE_PAGE}-panel-title">パネルのタイトルです</h3> </div> <div class="%{STYLEGUIDE_PAGE}-panel-body"> ... </div> <div class="%{STYLEGUIDE_PAGE}-panel-header"> <h3 class="%{STYLEGUIDE_PAGE}-panel-title">パネルのタイトルです</h3> </div> <div class="%{STYLEGUIDE_PAGE}-panel-body"> ... </div> </div>
<div class="%{STYLEGUIDE_PAGE}-panel"> <div class="%{STYLEGUIDE_PAGE}-panel-header"> <i class="%{STYLEGUIDE_PAGE}-icon-arrow-small-right %{STYLEGUIDE_PAGE}-float-right"></i><h3 class="%{STYLEGUIDE_PAGE}-panel-title">パネルのタイトルです</h3> </div> <div class="%{STYLEGUIDE_PAGE}-panel-body"> ... </div> </div>
<div class="%{STYLEGUIDE_PAGE}-panel %{STYLEGUIDE_PAGE}-panel-info"> <div class="%{STYLEGUIDE_PAGE}-panel-header"> ... </div> <div class="%{STYLEGUIDE_PAGE}-panel-body"> ... </div> <div class="%{STYLEGUIDE_PAGE}-panel-footer"> ... </div> </div> <div class="%{STYLEGUIDE_PAGE}-panel %{STYLEGUIDE_PAGE}-panel-danger"> <div class="%{STYLEGUIDE_PAGE}-panel-header"> ... </div> <div class="%{STYLEGUIDE_PAGE}-panel-body"> ... </div> <div class="%{STYLEGUIDE_PAGE}-panel-footer"> ... </div> </div>