[解決済み] bootstrap でページネーションを中央に配置する

質問

私はページネーションで次のコードを持っています

<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>

しかし、私の ul は左寄せになっています。を中央揃えにする方法はありますか？ ul に対して div ?

私は margin: auto auto と margin :0 auto を追加しましたが、うまくいきませんでした。

どのように解決するのですか？

Bootstrapは、3.0から新しいクラスが追加されました。

<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>

Bootstrap4には新しいクラスがあります。

<div class="text-xs-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>

2.3.2用

<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>

.pagination {text-align: center;}

が ul

<ストライク フィドル http://jsfiddle.net/praveenscience/5L8fu/

inline-block;

<ストライク フィドル http://jsfiddle.net/praveenscience/5L8fu/1/