Card | Bootstrap-vue footer
Acardisaflexibleandextensiblecontentcontainer.Itincludesoptionsforheadersandfooters,awidevarietyofcontent,contextualbackgroundcolors,andpowerfuldisplayoptions.OverviewCardsarebuiltwithaslittlemarkupandstylesaspossible,butstillmanagetodeliveratonofcontrolandcustomization.Builtwithflexbox,theyoffereasyalignmentandmixwellwithothercomponents.
A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.
OverviewCards are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization. Built with flexbox, they offer easy alignment and mix well with other components.
<b-card> has no fixed width to start, so theyll naturally fill the full width of its parent element. This is easily customized via styles or standard Bootstrap v4 sizing classes.
Change the default div root tag to any other HTML element by specifying via the tag prop
<div> <b-card title="Card Title" img-src="https://picsum.photos/600/300/?image=25" img-alt="Image" img-top tag="article" style="max-width: 20rem;" class="mb-2" > <b-card-text> Some quick example text to build on the ca...