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?
HTML:
<< 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">
<> .
<.
CSS:
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;.
}
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.
