Tarjeta Bootstrap 3

Es importante interpretar el código correctamente antes de utilizarlo a tu trabajo y si ttienes algo que aportar puedes compartirlo con nosotros.

Solución:

Las tarjetas se llaman paneles en Bootstrap 3. Puede usar paneles en lugar de tarjetas para crear una apariencia similar, o puede usar un paquete de terceros para agregar la capacidad de tarjetas a Bootstrap 3.

Opción 1: usar paneles en lugar de tarjetas

Bootstrap 3 usa paneles en lugar de tarjetas. Son basicamente la misma cosa.

Si está escribiendo código nuevo, esta sería la mejor opción. También puede buscar y reemplazar “tarjeta” con “panel” si está copiando y pegando código que tiene class="card" en eso.

Arranque 3

  
Panel Heading
  
Panel Content
  
Panel Footer

Arranque 4

  
Header
  
Content
  
Footer

Entonces, si desea usar Tarjetas en Bootstrap 3, simplemente use Paneles en su lugar.

Opción 2: agregar tarjetas a Bootstrap 3

No he probado esto, pero Martin Bean creó un paquete que le permite usar Tarjetas dentro de Bootstrap 3.

• Componente de tarjeta para Bootstrap 3 (GitHub)

Esto puede ser útil si está copiando y pegando código HTML ya marcado con class="card".

Entonces, después de investigar un poco, se me ocurrió una tarjeta usando Bootstrap 3

  
 
  

    
 
    

      

        

          

            

              
            
            
Microsoft Slack






            
 Auditor
            
Slack is a team communication tool, that brings together all of your team communications in one place, instantly searchable and available wherever you go.
          
          

            

              
 7 Active Users
              

              
 Help
            
          
        
      
    
    
 
  

Css para lo anterior

.thumbnail 
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
   transition: 0.3s;
   min-width: 40%;
   border-radius: 5px;
 

 .thumbnail-description 
   min-height: 40px;
 

 .thumbnail:hover 
   cursor: pointer;
   box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 1);
 

Aquí hay un ejemplo que usa Bootstrap 3 funciona bien, aunque necesita más trabajo

Eres capaz de amparar nuestro análisis mostrando un comentario o dejando una puntuación te estamos agradecidos.

Utiliza Nuestro Buscador