#11 Cards – Curso completo de Bootstrap 4! 2017 desde cero



https://i.ytimg.com/vi/5bX-GdwRxGY/hqdefault.jpg



Hoy conoceremos un componente de Bootstrap 4! y son las Cards (tarjetas), además modificaremos los css propios de Bootstrap para cambiar el sistema responsive que tiene por defecto.

Esta sección es muy importante, ya que podrás modificar los Css de Bootstrap según tus necesidades.

No olvides suscribirte a este hermoso canal y destruirme en los comentarios 🙂

También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/

Finalmente visita mi sitio web: http://ignaciogutierrez.cl

Original source


25 responses to “#11 Cards – Curso completo de Bootstrap 4! 2017 desde cero”

  1. El media query no sirve, lo tengo en un segundo CSS:
    @media (min-width:768px){
    .card-deck{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap
    }
    }

  2. Muy buenos vídeos, un aporte:
    La solución para que todos los Card sean del mismo tamaño, independientemente de la longitud del texto, es metiendo el botón dentro de un <div> y utilizar las clases margen inferior con unos 3 o 4 (mb-3), y si se quiere centrar el botón utilizar ml-auto y mr-auto.
    Ejemplo:
    <div class="mb-3 ml-auto mr-auto">

    <a class="btn btn-secondary btn-sm" style="font-size: .75em" href="#" role="button">Link</a>

    </div>

    Saludos…

  3. hola buenas noches tengo una duda, lo intente pero no lo logre… hay alguna manera de que el boton de "link" color azul bajo los comentarios de las cartas se posicionen automaticamente en la parte inferior con flexbox? sin importar el tamaño del texto?
    gracias seria de mucha ayuda! saludos. excelentes tutoriales

  4. Para empezar gracias nuevamente , ahora Una pregunta , preguntona si quisiera hacer mi propia clase card-deck solo copiandome esas propiedades y usando mi nueva clase card-deck2 funcionaria todo bien? asi no tocaria la clase del bootstrap que una vez alguien me dijo que es mejor no modificarlas tanto jejejej gracias!

  5. Aveces he pensado que mejor que tocar el CSS de bootstrap es mejor copiar los parámetros que vamos a tocar y hacer un .CSS personal externo (si con los mismo nombre) y que reemplace a los de bootstrap en un principio, ya que cambiar esos parámetros puede llevar a fallos en otras secciones no pensadas.

    PD: Tu curso esta la raja 🙂

  6. hola, tienes algún curso donde se puede crear tantas card yo quiere dinamicamente desde una consulta a base de datos? por ejemplo consultar los productos existentes en base de datos y crear una card para cada porducto.
    Alguna sugerencia por favor

  7. Aca un garnito de arena, si no te sale el comentaro con ctrl+7 tienes que activarlo, primeor tienes que ir a  Preferences->Key Bindings – User luego escribes el siguiente comando:
    { "keys": ["ctrl+7"], "command": "toggle_comment", "args": { "block": false } },
    { "keys": ["ctrl+shift+7"], "command": "toggle_comment", "args": { "block": true } }

Leave a Reply