面板干嘛的？
把一堆dom元素集合到一起
BootStrap面板
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">面板標(biāo)題</h3>
</div>
<div class="panel-body">
這是一個(gè)基本的面板
</div>
</div>
結(jié)果如圖
image.png
UIkit面板
<div class="uk-panel uk-panel-box">
<div class="uk-panel-badge uk-badge uk-badge-success">Hot</div>
<h3 class="uk-panel-title">Title</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.
</div>
結(jié)果
image.png
對比
1.UIkit的面板默認(rèn)會(huì)帶一個(gè)badge。
2 BootStrap的面板標(biāo)題是必須嵌套在div class=“panel-heading”的區(qū)域里。內(nèi)容必須在class="panel-body"的區(qū)域里。UIkit沒這個(gè)要求。
