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>