Foro de elhacker.net

como hago para que me muestre mis cards en orden horizontal?

me meustra asi
147
258
369

quiero que me muestre asi
123
456
789

gracias

Tenes que hacerlo con las clases de flexbox y css grid que te da BT4. O postea aca tu html y te digo como acomodarlo.

https://getbootstrap.com/docs/4.0/utilities/flex/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://css-tricks.com/snippets/css/complete-guide-grid/

<div class="c2">
  <h3 *ngIf="items.length>0" class="font-weight-bold">Items</h3>
  <div class="card-columns">
    <div *ngFor="let a of items">
      <div class="card">
        <a href=""> <img class="card-img-top" [src]="a.imagen" alt="Card image cap"></a>
    </div>
  </div>
</div>

ese es el codigo html

El card-columns si o si es vertical, yo te diria que mejor uses simplemente row y col-sm-4, algo asi:

<div class="c2">
  <h3 *ngIf="items.length>0" class="font-weight-bold">Items</h3>
  <div class="row">
    <div *ngFor="let a of items" class="col-sm-4">
      <div class="card">
        <a href=""> <img class="card-img-top" [src]="a.imagen" alt="Card image cap"></a>
    </div>
  </div>
</div>
 

Asi tendras una sola columna en los dispositivos pequeños, y 3 columnas a partir de los dispositivos medianos. Si queres que las 3 columnas aparezcan recién en dispositivos superiores a 768px en vez de col-sm-4 usa col-md-4

no funciona muestra cualquier orden y aparte las imagenes tienen diferentes tamaños