¿Cómo hacer un mazo de cartas con cartas de ancho fijo?

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

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.