paneles
Un panel de arranque es una caja con borde con un poco de relleno alrededor de su contenido:
Los paneles se creó con el .panel clase, y el contenido dentro del panel tiene una .panel-body de clase:
Ejemplo
<div class="panel panel-default">
<div class="panel-body">A Basic
Panel</div>
</div>
Inténtalo tú mismo " El .panel-default clase se utiliza para estilizar el color del panel. Ver el último ejemplo en esta página para las clases más contextuales.
La partida del panel
El .panel-heading clase añade un encabezado para el panel:
Ejemplo
<div class="panel panel-default">
<div
class="panel-heading">Panel Heading</div>
<div class="panel-body">Panel
Content</div>
</div>
Inténtalo tú mismo " Panel de pie de página
El .panel-footer de clase agrega un pie de página en el panel:
Ejemplo
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
<div class="panel-footer">Panel Footer</div>
</div>
Inténtalo tú mismo " grupo de paneles
Para muchos grupos de paneles juntos, envolver un <div> con la clase .panel-group que les rodea.
El .panel-group clase despeja la parte inferior del margen de cada panel:
Ejemplo
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
</div>
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
</div>
</div>
Inténtalo tú mismo " Los paneles con las clases contextuales
Para colorear el panel, utilice clases contextuales ( .panel-default , .panel-primary , .panel-success , .panel-info , .panel-warning , o .panel-danger ):
Ejemplo
Ponte a prueba con los ejercicios!
Ejercicio 1 » Ejercicio 2» Ejercicio 3 » Ejercicio 4» Ejercicio 5 »