Quiero hacer un mazo de cartas con capacidad de respuesta utilizando bootstrap 4 tarjetas de ancho fijo . Aquí he publicado el código a continuación, pero no responde ¿por qué?
Title 1
Small text here
3 mins ago Title 2
Small text here
3 mins ago Title 3
Small text here
3 mins ago Title 4
Small text here
3 mins ago
- Cambiar Bootstrap 4 colores de control de carrusel
- ¿Cómo esconder y reemplazar navbar-toggler-icon en Bootstrap 4?
- Bootstrap NavBar con elementos alineados a la izquierda, centro o derecha
- Bootstrap navbar: nada se muestra en dispositivos más pequeños
- Cómo enlazar productos dinámicamente en un carrusel de fragmentos en Angular4
Para un mazo de cartas Bootstrap 4 con cartas de ancho fijo, haga esto:
Coloque cada tarjeta en una columna con las clases col-auto mb-3 (columna de ancho automático + margen inferior con 3 unidades).
Para centrarlos, agregue la clase justify-content-center a la fila.
Aquí hay un fragmento de código de trabajo (haga clic en “ejecutar fragmento de código” a continuación y expanda a la página completa):
Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Card link Another link Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Card link Another link Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Card link Another link Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Card link Another link Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Card link Another link Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Card link Another link Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Card link Another link
Aquí mencionado, estas opciones de diseño aún no responden . Así que he encontrado solución simple. Cambie el elemento principal
...
a
...
.
Gracias por todos sus comentarios.
- ¿Cómo reemplazar la marca navbar con un icono cuando se contrae en Bootstrap 4?
- Center Navbar enlaces sin marca empujándolo hacia la derecha en Bootstrap 4?
- navbar es vertical en lugar de horizontal
- Crear el grupo de entrada Bootstrap 4 con beta 3 prepend / append no funciona
- Centrar verticalmente las imágenes al texto en un contenedor de varias columnas Bootstrap 4?
- Cambiar la clase activa en la barra de navegación del bootstrap no permanece en la plantilla de Django heredada
- Mostrar líneas de texto largas y completas (listas HTML anidadas) al pasar el mouse sobre html / CSS / angular / bootstrap
- Anidar filas dentro de una columna bootstrap 4
- Barra lateral de Bootstrap con pie de página fijo y div desplazable
- Mostrar u ocultar el icono de intercalación en el menú desplegable de bootstrap4 basado en el menú desplegable presente o no
- Migre de Bootstrap 3.3.7 a Bootstrap 4: enorme espacio en blanco en la parte inferior de la página