Titlul panoului
Continutul panoului
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tellus risus, tempor dignissim sodales a, dignissim et ex. Cras egestas consequat rhoncus. Nam fringilla pellentesque nunc non hendrerit. Aliquam condimentum tincidunt tortor, in pellentesque tortor molestie nec. Donec cursus egestas lacus, vel mollis urna lacinia quis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sit amet posuere ligula. Duis ac lorem ipsum. Sed sit amet facilisis risus. Nam pharetra a libero in aliquam.
<div class="panel panel-[type]">
<div class="panel-heading">
<h3 class="panel-title">Titlul panoului</h3>
</div>
<div class="panel-body">
Continutul panoului
</div>
</div>
[type] – una din variantele : default, primary, success, info, warning, danger
CSS pentru alte tipuri :
.panel-facebook>.panel-heading {
background-image: -webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);
background-image: -o-linear-gradient(top,#f2dede 0,#ebcccc 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));
background-image: linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffebcccc',GradientType=0);
background-repeat: repeat-x;
}