How to solve div overlay problem here I've one div in this div I've added two class col-sm-6. But when I am checking responsive it will going over of the div. I don't know how to solve. can anyone please help me.
I've attch the image of the output you can see :)
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/><div class="block"><div class="row"><div class="col-sm-6"><p><strong>Showing 1 to 6 of 6 entries</strong></p></div><div class="col-sm-6" style="top: -8px;"><div class="pagination"><button class="btn btn-link previous">Previous</button><button class="btn btn-info number">1</button><button class="btn btn-link next">Next</button></div></div></div></div>