<div class="bootstrap-badge">
<a href="javascript:void(0)" class="badge badge-rounded badge-primary">Rounded</a>
<a href="javascript:void(0)" class="badge badge-rounded badge-secondary">Rounded</a>
<a href="javascript:void(0)" class="badge badge-rounded badge-success">Rounded</a>
<a href="javascript:void(0)" class="badge badge-rounded badge-danger">Rounded</a>
<a href="javascript:void(0)" class="badge badge-rounded badge-warning">Rounded</a>
<a href="javascript:void(0)" class="badge badge-rounded badge-info">Rounded</a>
<a href="javascript:void(0)" class="badge badge-rounded badge-light">Rounded</a>
<a href="javascript:void(0)" class="badge badge-rounded badge-dark">Rounded</a>
</div>

<div class="bootstrap-badge">
<a href="javascript:void(0)" class="badge badge-circle badge-primary">1</a>
<a href="javascript:void(0)" class="badge badge-circle badge-secondary">2</a>
<a href="javascript:void(0)" class="badge badge-circle badge-success">3</a>
<a href="javascript:void(0)" class="badge badge-circle badge-danger">4</a>
<a href="javascript:void(0)" class="badge badge-circle badge-warning">5</a>
<a href="javascript:void(0)" class="badge badge-circle badge-info">6</a>
<a href="javascript:void(0)" class="badge badge-circle badge-light">7</a>
<a href="javascript:void(0)" class="badge badge-circle badge-dark">8</a>
</div>