I'm currently working on a website project with Bootstrap and I'm facing an issue with the desktop icon placement. I've tried using float, but I can't seem to get it right for better visibility. Here's an image of how I want it to look: Desired Layout
<div class="container-fluid mx-auto">
<div class="row">
<div class="col-md-6">
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<i class="fa fa-laptop fa-10x"></i>
<p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.</p>
</div>
<p>This is some text.</p>
<p>This is another text.</p>
</div>
<div class="col-md-6">
<div class="jumbotron ">
<h1>Bootstrap Tutorial2</h1>
<i class="fa fa-desktop fa-10x "></i>
<p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.</p>
</div>
<p>This is some text.</p>
<p>This is another text.</p>
</div>
</div>
</div>
Any suggestions on how I can achieve this placement would be greatly appreciated. Thank you!