/Delphi/Bootstrap cards with image on the right side

Bootstrap cards with image on the right side

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>

Source: stackoverflow.com

Bootstrap cards with image on the right side

  <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>

Bootstrap cards with image on the right side

        <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>

Similar codes

0 vote419 views1 answer
React replace object in array
Delphi
0 vote489 views1 answer
How write pi in delphi
Delphi
0 vote445 views1 answer
Delphi dynamic array count
Delphi
0 vote406 views3 answers
Delphi keypress ctrl+v
Delphi
0 vote408 views1 answer
How to check if something is only numbers in delphi
Delphi
0 vote384 views1 answer
Inputbox delphi
Delphi
2 votes500 views1 answer
Get last element of array delphi
Delphi
0 vote468 views1 answer
Ceil function delphi
Delphi
6 votes463 views8 answers
React -slick
Delphi
0 vote373 views1 answer
Bootstrap 4 form modal popup
Delphi