JSFiddle - React, Tailwind, and code Playground

by Fahd Murtaza

HTML

<div class='well well-sm'>

<ul class="pagination pagination-sm">
   <li><a href="{{my_href}}" class="btn btn-sm btn-primary active"  data-toggle="tooltip" rel="tooltip" title="{{_('Add a new record')}}">
<span class="glyphicon glyphicon-plus"></span>
       </a></li>
  <li class="disabled"><a href="#">&laquo;</a></li>
  <li class="active"><a href="#">1 <span class="sr-only">(current)</span></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="#">&raquo;</a></li>
</ul>

</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
margin-right: 10px;
}