JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<div class="pagination pagination-centered">
    <ul id="paginator_pages">
        <li class="disabled" id="paginator_previous"><a href="javascript:void(0)">«</a></li>
        <li class="active"><a href="javascript:void(0)" data-toogle="tab">1</a></li>
        <li><a href="javascript:void(0)" data-toogle="tab">2</a></li>
        <li><a href="javascript:void(0)" data-toogle="tab">3</a></li><li class="" id="paginator-next"><a href="javascript:void(0)">»</a></li></ul>
</div>

CSS

.pagination-centered {
    text-align: center;
}