Menu

Card

v0.4.0
A card is a flexible and extensible content container.
Default
Card title
Card Subtitle

Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor 

<div class="card">
	<div class="card-body">
		<h5 class="card-title">Card title</h5>
		<h6 class="card-subtitle">Card Subtitle</h6>
		<p class="mb-0">Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor</p>
	</div>
</div>
Card header
Card title
Card subtitle

Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor 

<div class="card">
	<div class="card-header">
		<h5 class="card-title">Card title</h5>
		<h6 class="card-subtitle">Card subtitle</h6>
	</div>
	<div class="card-body">
		<p class="mb-0">Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor</p>
	</div>
</div>
Action
hover me!
<div class="card card-action hover-shadow">
	<div class="card-body">hover me!</div>
</div>

Previous: Components

← Button

Next: Components

Checkbox →