/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 vote231 views1 answer
How to validate if the text in edit has numbers in and to show a message if it has in delphi
Delphi
0 vote256 views1 answer
How to make a shape move in delphi
Delphi
2 votes435 views1 answer
Get last element of array delphi
Delphi
34 votes452 views2 answers
Shuffle list and print
Delphi
-1 vote251 views1 answer
Delphi if statement
Delphi
4 votes429 views2 answers
Copy delphi
Delphi
0 vote275 views1 answer
How to insert apostrophe in delphi string
Delphi
0 vote353 views1 answer
Ceil function delphi
Delphi
4 votes307 views1 answer
How to find the length of a string delphi
Delphi
5 votes440 views3 answers
Copy function delphi
Delphi