分页样式

boostrap分页样式： 

 

<style>

.pagination li a:hover{
    background-color: #337ab7;
    color: #fff;
}
</style>

<div class="row clearfix">
        <div class="col-md-12 column">
            <ul class="pagination">
                <li>
                     <a href="#">上一个</a>
                </li>
                <li>
                     <a href="#">1个</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="#">下一个</a>
                </li>
            </ul>
        </div>
    </div>

如图：