# Cards # Cards - Bootstrap 4 snippet car
${2:Card image cap}

${3:Card title}

${4:Some quick example text to build on the card title and make up the bulk of the card's content.}

${6:Button}
endsnippet # Cards content type - Bootstrap 4 snippet carct
${2:Card image cap}

${3:Card title}

${4:Some quick example text to build on the card title and make up the bulk of the card's content.}

${7:Card link} ${7:Another link}
endsnippet # Cards content type w/o list - Bootstrap 4 snippet carctwli
${3:Card image cap}

${1:Some quick example text to build on the card title and make up the bulk of the card's content.}

endsnippet # Cards content type w/o img - Bootstrap 4 snippet carctwimg

${3:Card title}

${1:Some quick example text to build on the card title and make up the bulk of the card's content.}

${2:Card link} ${2:Another link}
endsnippet # Cards content type Title - Bootstrap 4 snippet carctt

${1:Card title}

${2:Support card subtitle}
${4:Card image}

${5:Some quick example text to build on the card title and make up the bulk of the card's content.}

${7:Card link} ${7:Another link}
endsnippet # Cards sizing - Bootstrap 4 snippet carsz

${1:Special title treatment}

${2:With supporting text below as a natural lead-in to additional content.}

${4:Go somewhere}

${1:Special title treatment}

${2:With supporting text below as a natural lead-in to additional content.}

${4:Go somewhere}
endsnippet # Cards sizing w/ Custom width - Bootstrap 4 snippet carszc

${1:Special title treatment}

${2:With supporting text below as a natural lead-in to additional content.}

${4:Go somewhere}
# Cards Text alignment - Bootstrap 4 snippet carta

${1:Special title treatment}

${2:With supporting text below as a natural lead-in to additional content.}

${4:Go somewhere}

${1:Special title treatment}

${2:With supporting text below as a natural lead-in to additional content.}

${4:Go somewhere}

${1:Special title treatment}

${2:With supporting text below as a natural lead-in to additional content.}

${4:Go somewhere}
endsnippet # Cards header & footer - Bootstrap 4 snippet carhf
Featured

${1:Special title treatment}

${2:With supporting text below as a natural lead-in to additional content.}

${4:Go somewhere}
endsnippet # Cards header & footer (Quote) - Bootstrap 4 snippet carhfq
Quote

${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.}

endsnippet # Cards image caps - Bootstrap 4 snippet caric
${2:Card image cap}

${3:Card title}

${4:This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.}

${6:Last updated 3 mins ago}

${3:Card title}

${4:This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.}

${6:Last updated 3 mins ago}

${2:Card image cap}
endsnippet # Cards image overlays - Bootstrap 4 snippet cario
Card image

${3:Card title}

${4:This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.}

${6:Last updated 3 mins ago}

endsnippet # Cards inverted text - Bootstrap 4 snippet carit

${1:Special title treatment}

${2:With supporting text below as a natural lead-in to additional content.}

${4:Button}
endsnippet # Cards background color - Bootstrap 4 snippet carbgc

${7:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.}

endsnippet # Cards groups - Bootstrap 4 snippet cargr
${2:Card image cap}

${3:Card title}

${5:This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.}

${6:Last updated 3 mins ago}

${2:Card image cap}

${3:Card title}

${5:This card has supporting text below as a natural lead-in to additional content.}

${6:Last updated 3 mins ago}

${2:Card image cap}

${3:Card title}

${5:This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.}

${6:Last updated 3 mins ago}

endsnippet # Cards decks - Bootstrap 4 snippet cardk
${2:Card image cap}

${3:Card title}

${5:This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.}

${6:Last updated 3 mins ago}

${2:Card image cap}

${3:Card title}

${5:This card has supporting text below as a natural lead-in to additional content.}

${6:Last updated 3 mins ago}

${2:Card image cap}

${3:Card title}

${5:This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.}

${6:Last updated 3 mins ago}

endsnippet # Cards columns - Bootstrap 4 snippet carcol
${2:Card image cap}

{4:Card title that wraps to a new line}

${5:This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

${8:Someone famous in }Source Title
${2:Card image cap}

${3:Card title}

${5:This card has supporting text below as a natural lead-in to additional content.}

${6:Last updated 3 mins ago}

${7:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.}

${8:Someone famous in }${9:Source Title}

${3:Card title}

${5:This card has supporting text below as a natural lead-in to additional content.}

${6:Last updated 3 mins ago}

${2:Card image}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

${8:Someone famous in }${9:Source Title}

${3:Card title}

${5:This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.}

${6:Last updated 3 mins ago}

endsnippet # Cards groups - Bootstrap 4 snippet cargr
Card image cap

${1:Card title}

${2:Card text}

endsnippet