JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" style="margin-top:20px;">
	<div class="col-lg-6 panel panel-default">
	  <div class="panel-heading">Panel heading without title</div>
	  <div class="panel-body">
	    Panel content
	  </div>
	</div>
	<div class="col-lg-6 panel panel-default">
	  <div class="panel-heading">Panel heading without title</div>
	  <div class="panel-body">
	    Panel content
	  </div>
	</div>
	<div class="col-lg-6 panel panel-default">
	  <div class="panel-heading">Panel heading without title</div>
	  <div class="panel-body">
	    Panel content
	  </div>
	</div>
	<div class="col-lg-6 panel panel-default">
	  <div class="panel-heading">Panel heading without title</div>
	  <div class="panel-body">
	    Panel content
	  </div>
	</div>
	<nav>
	  <ul class="pagination" style="text-align:center;">
	    <li>
	      <a href="#" aria-label="Previous">
	        <span aria-hidden="true">&laquo;</span>
	      </a>
	    </li>
	    <li><a href="#">1</a></li>
	    <li><a href="#">2</a></li>
	    <li><a href="#">3</a></li>
	    <li><a href="#">4</a></li>
	    <li><a href="#">5</a></li>
	    <li>
	      <a href="#" aria-label="Next">
	        <span aria-hidden="true">&raquo;</span>
	      </a>
	    </li>
	  </ul>
	</nav>
</div>