Centered Bootstrap 2.3.2 Pagination

by mynameiswilson

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<h2>Centered Bootstrap 2.3.2 pagination:</h2>

<div class="pagination text-center">
    <ul>
        <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>
            <div class="pagination text-center">
                <ul>
                    <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>
    <div class="row">
        <div class="col-md-12">
            <h3>Un-centered</h3>
            <div class="pagination">
                <ul>
                    <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>

</div>