Panels

No we're not talking Star Trek convention panels here... We're talking about something to contain your content when your page looks a little bland.

Examples

Panels

To liven up your page our panels come in different colours. Woohoo! I hope you can understand all the Latin gibberish below because I can't.

.panel-heading
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
.panel-heading .panel-primary
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
.panel-heading .panel-secondary
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
.panel-heading .panel-success
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
.panel-heading .panel-danger
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
.panel-heading .panel-warning
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
.panel-heading .panel-info
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
Default Panels
<div class="panel">
	<div class="panel-heading">.panel-heading</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-primary">.panel-heading .panel-primary</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-secondary">.panel-heading .panel-secondary</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-success">.panel-heading .panel-success</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-danger">.panel-heading .panel-danger</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-warning">.panel-heading .panel-warning</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-info">.panel-heading .panel-info</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>