Bootstrap - Cards

Criando um card

Cards do bootstrap

Utilizando a semantica correta article, header e footer!

Leia mais
Postado em

Título do Card

Subtítulo

Adicionando uma imagem ao card!

Botão link
Cabeçalho do header

Título do Card

Subtítulo

No mundo profissional, poderiamos utilizar em um blog! Nesse card usamos a classe text-bg-dark também!

Botão link

Título do Card

Subtítulo

Trocamos a classe card-body por card-img-overlay! + text-bg-dark para o texto ficar branco!

Abrir uma tag style para melhorar a legibilidade, .card-img-overlay { background-color: rgba (0,0,0, 0.7)}

Botão link