Wrap a paragraph around an image in bootstrap
I want the paragraph to go around the image and wrap it so I don't waste space. My code:
<div class="container">
<div class="row">
<div class="col-6">
<h1 class="display-4">Lorem ipsum</h1>
<p class="lead">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.</p>
<a href="#" class="btn btn-outline-dark rounded-pill">התחל לכתוב</a>
</div>
<div class="col-6">
<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse2.mm.bing.net%2Fth%3Fid%3DOIP.YrOgCeeTMGooIg3gpMz8qgHaHa%26pid%3DApi&f=1&ipt=8172a3c985e7c4343b252d0ccaa06f7c36f146a5f6ce4f20fc7c801bf5ce2974&ipo=images" alt="Round Image" class="rounded-circle">
</div>
</div>
</div>
I tried having the image below the paragraph but it doesn't work.
Comments
Post a Comment