Bootstrap 4 tarjeta / panel con imagen a la izquierda del encabezado y título

Question

Mar 07, 2018, 12:44 AM

css twitter-bootstrap bootstrap-4

Bootstrap 4 tarjeta / panel con imagen a la izquierda del encabezado y título

Pensé que lo que estoy tratando de hacer sería bastante fácil pero no puedo hacer que funcione.

Traté de hacer pull-left en tarjetas y paneles de arranque y no funciona de la manera que quiero ...

Aquí hay una foto de lo que me gustaría lograr

Ejemplo

Heres código que casi funciona

<div class="card text-center" *ngFor="let event of eventActivities">
    <div class="card-header pull-left">
        <img src="..." alt="">

        Title </div>
    <div class="card-block">
        <h4 class="card-title">Title</h4>
        <p class="card-text">Description</p>
        <a href="#" class="btn btn-primary">BUTTON</a>
    </div>
    <div class="card-footer text-muted">
        FOOTER
    </div>
</div>