bootstrap card image left text right
To create a Bootstrap card with an image on the left and text on the right in Delphi, you can use the following code:
<div class="card">
<div class="row no-gutters">
<div class="col-md-4">
<img src="image.jpg" class="card-img" alt="Image">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Card Title</h5>
<p class="card-text">Card text goes here.</p>
</div>
</div>
</div>
</div>
Replace "image.jpg"
with the path to your desired image. This code creates a Bootstrap card with a row containing two columns. The image is placed in the left column (col-md-4
), and the card title and text are placed in the right column (col-md-8
). Adjust the classes (col-md-4
and col-md-8
) according to your desired layout.
Please note that this code assumes you have already included the necessary Bootstrap CSS and JavaScript files in your Delphi project.
I hope this helps!