JSFiddle - React, Tailwind, and code Playground

by mynameiswilson

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<h2>Centered Bootstrap pagination:</h2>

<div class="text-center">
    <ul class="pagination">
        <li><a href="?p=0" data-original-title="" title="">1</a></li> 
        <li><a href="?p=1" data-original-title="" title="">2</a></li> 
    </ul>
</div>

<h2>In typical Bootstrap row/column context:</h2>

<div class="container">
    <div class="row">
        <div class="col-md-12 text-center">
            <h3>Centered</h3>
            <ul class="pagination">
                <li><a href="?p=0" data-original-title="" title="">1</a></li> 
                <li><a href="?p=1" data-original-title="" title="">2</a></li> 
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <h3>Un-centered</h3>
            <ul class="pagination">
                <li><a href="?p=0" data-original-title="" title="">1</a></li> 
                <li><a href="?p=1" data-original-title="" title="">2</a></li> 
            </ul>
        </div>
    </div>

</div>