Friday, March 24, 2023
HomeCSShtml - Relocate photo to the right of the card in a...

html – Relocate photo to the right of the card in a Bootstrap Card

Inside a Bootstrap Card I intend to relocate the photo to the right of the title as well as message, however in my code the photo remains listed below them. Exactly how do I obtain it to copulate to the right of the display, alongside the title as well as message?


<< div course=" card bg-transparent border-0 text-white mb-3" >>.

<< div course=" row g-0">>.
<< div course=" col-md-6">
<> < div course=" card-body">
<> < h5 course=" card-title">> Lorem title<.
<< p course=" card-text">> Lorem ipsum dolor rest amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<.

<< div course=" col-md-6">
<> < img src="./ assets/images/cp/ sobre-cid-2. jpg" course=" img-fluid rounded-start" alt=" cid-2">
<> .



 img-fluid. rounded-start {
elevation: calc( 120px + 10vw);
size: 90vw;
border-radius: 30px 0px 0px 30px;
object-fit: cover;

. card-title {
font-family: Martel;
font-size: 20px;
cushioning: 20px;
text-align: left;

. card-text {
font-family: Martel;
font-size: 15px;.
padding-left: 20px;.
padding-right: 30px;.
text-align: left;.

enter image description here

I have actually attempted including float-right in the course as well as in the CSS however it really did not function, absolutely nothing occurred.


Most Popular

Recent Comments