bootstrap card image left

bootstrap card image left text right

<div class="card">
        <div class="row no-gutters">
            <div class="col-auto">
                <img src="//placehold.it/200" class="img-fluid" alt="">
            </div>
            <div class="col">
                <div class="card-block px-2">
                    <h4 class="card-title">Title</h4>
                    <p class="card-text">Description</p>
                    <a href="#" class="btn btn-primary">BUTTON</a>
                </div>
            </div>
        </div>
        <div class="card-footer w-100 text-muted">
            Footer stating cats are CUTE little animals
        </div>
  </div>

Posted by: Guest on March-26-2020

Source

<div class="card" style="width: 18rem;"> <img class="card-img-top" src="..." alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Go somewhere</a> </div> </div>

<div class="card"> <div class="row no-gutters"> <div class="col-auto"> <img src="//placehold.it/200" class="img-fluid" alt=""> </div> <div class="col"> <div class="card-block px-2"> <h4 class="card-title">Title</h4> <p class="card-text">Description</p> <a href="#" class="btn btn-primary">BUTTON</a> </div> </div> </div> <div class="card-footer w-100 text-muted"> Footer stating cats are CUTE little animals </div> </div>

Code answers related to "bootstrap card image left"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Answers for "bootstrap card image left"

Code answers related to "bootstrap card image left"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us