<div class="js-html-inspector" data-remove-target="div:first">
    <div><strong>ul.pagination</strong></div>
    <ul class="pagination">
        <li><a href="#">li a(&laquo;)</a></li>
        <li><a href="#">#1</a></li>
        <li class="active"><a href="#">li.active a</a></li>
        <li><a href="#">#3</a></li>
        <li><a href="#">&raquo;</a></li>
    </ul>
</div>

<div class="js-html-inspector" data-remove-target="div:first">
    <div><strong>ul.pagination.pagination-lg</strong></div>
    <ul class="pagination pagination-lg">
        <li><a href="#">&laquo;</a></li>
        <li><a href="#">#1</a></li>
        <li class="active"><a href="#">#2</a></li>
        <li><a href="#">#3</a></li>
        <li><a href="#">&raquo;</a></li>
    </ul>
</div>

<div class="js-html-inspector" data-remove-target="div:first">
    <div><strong>ul.pagination.pagination-sm</strong></div>
    <ul class="pagination pagination-sm">
        <li><a href="#">&laquo;</a></li>
        <li><a href="#">#1</a></li>
        <li class="active"><a href="#">#2</a></li>
        <li><a href="#">#3</a></li>
        <li class="disabled"><a href="#">li.disabled a(&raquo;)</a></li>
    </ul>
</div>

<div class="js-html-inspector" data-remove-target="div:first">
    <div><strong>ul.pager</strong></div>
    <!-- Default pager -->
    <ul class="pager">
        <li><a href="#">li a(Previous)</a></li>
        <li class="disabled"><a href="#">li.disabled a(Next)</a></li>
    </ul>

    <!-- Aligned pager links -->
    <ul class="pager">
        <li class="previous"><a href="#">li.previous a(&larr; Older)</a></li>
        <li class="next"><a href="#">li.next a(Newer &rarr;)</a></li>
    </ul>
</div>