Cards de bootstrap

En esta entrada comentare como hacer varios cards de apresentacion, por ejemplo para una pagina de ventas, por internet o simplemente un catalogo de productos

Linea de 3

Para poner 3 elementos, como muestra la imagen abajo, tendremos que colocar el seguiente codigo:

<col-4>
<div class="card">
    <img class="card-img-top" src="#" alt="Title">
    <div class="card-body">
        <h4 class="card-title">Title</h4>
        <p class="card-text">Text</p>
    </div>
</div>
</col-4>

---

...

Vanity Fair Libro vintage sobre una senora que morada en reino unido	Vanity Fair Libro vintage sobre una senora que morada en reino unido	Vanity Fair Libro vintage sobre una senora que morada en reino unido
Vanity Fair Libro vintage sobre una senora que morada en reino unido

Linea de 4

Si queremos poner 4 columnas apenas tenemos que modificar col-4 por col-3

Resumindo:

En bootstrap las columnas son divididas en 12, dependiendo de las columnas que queramos, asi tendremos que lo decir a nustreas columnas

Ejemplo: si queremos 6 columnas, tendremos que dividir 12/6 = 2

entonces la columna tendra un ancho de 2.

lo pondremos desta forma col-2

ejemplo con 4 columnas "col-3"

Vanity Fair Libro vintage sobre una senora que morada en reino unido	Vanity Fair Libro vintage sobre una senora que morada en reino unido	Vanity Fair Libro vintage sobre una senora que morada en reino unido	Vanity Fair Libro vintage sobre una senora que morada en reino unido
Vanity Fair Libro vintage sobre una senora que morada en reino unido

---