Cards
Cards are surfaces that display content and actions on a single topic.
They should be easy to scan for relevant and actionable information. Elements, like text and images, should be placed on them in a way that clearly indicates hierarchy.
I'm a card header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vel
varius erat, et iaculis magna. Donec maximus mauris ut ipsum lobortis
sagittis. Nunc fringilla est ac sapien commodo porttitor. Sed leo ipsum,
fringilla sit amet ultricies a, mattis nec ex. In metus ante, ultrices sit
amet tempus non, rhoncus non dui. Vestibulum sollicitudin nec tortor ut
accumsan. Suspendisse a bibendum nunc. Praesent ultrices lorem posuere
sollicitudin posuere.
<div class="card">
<h6 class="card-header">I'm a card header</h6>
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vel
varius erat, et iaculis magna. Donec maximus mauris ut ipsum lobortis
sagittis. Nunc fringilla est ac sapien commodo porttitor. Sed leo ipsum,
fringilla sit amet ultricies a, mattis nec ex. In metus ante, ultrices sit
amet tempus non, rhoncus non dui. Vestibulum sollicitudin nec tortor ut
accumsan. Suspendisse a bibendum nunc. Praesent ultrices lorem posuere
sollicitudin posuere.
</div>
</div>