默认的.panel所做的只是提供基本的边界和内部,来包含内容。
<div class="panel">
<div class="panel-body">
...
</div>
</div>
<div class="panel">
<div class="panel-body">
...
</div>
</div>
<div class="panel">
<div class="panel-heading">
...
</div>
<div class="panel-body">
...
</div>
</div>
<div class="panel">
<div class="panel-body">
...
</div>
<div class="panel-footer">
...
</div>
</div>
<div class="panel panel-primary">
...
</div>
<div class="panel panel-success">
...
</div>
<div class="panel panel-warning">
...
</div>
<div class="panel panel-danger">
...
</div>
<div class="panel panel-info">
...
</div>
Lorem ipsum. | Repudiandae, harum! | Tenetur, corporis. | Perspiciatis, porro? |
---|---|---|---|
Lorem ipsum. | Officiis, non. | Molestias, qui. | Odit, ducimus. |
Lorem ipsum. | Repellendus, exercitationem! | Velit, eos. | Eius, officiis. |
Lorem ipsum. | Amet, esse! | Quis, pariatur! | Totam, quae. |
<div class="panel">
<div class="panel-heading">
...
</div>
<table class="table">
...
</table>
</div>
<div class="panel">
<div class="panel-heading">
...
</div>
<ul class="list-group">
...
</ul>
</div>
<div class="panel-group">
<div class="panel">
...
</div>
<div class="panel">
...
</div>
<div class="panel">
...
</div>
...
</div>