首页 > 代码库 > bootstrap-面包屑和分页

bootstrap-面包屑和分页

<div class="container">
    <div class="row">
        <ul class="breadcrumb">
            <li><a href="#">bootstrap</a></li>
            <li><a href="#">dist</a></li>
            <li class="active">css</li>
        </ul>
    </div>

    <!-- 分页 -->
    <div class="row" style="margin-top:20px">
        <ul class="pagination pagination-lg">
            <li class="disabled"><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 class="active"><a href="#">5</a></li>
            <li><a href="#">>></a></li>
        </ul>
    </div>

    <!-- 翻页 -->
    <div class="row" style="margin-top:20px">
        <ul class="pager">
            <li><a href="#">&larr;上一页</a></li>
            <li><a href="#">下一页&rarr;</a></li>
        </ul>
    </div>
    <div class="row" style="margin-top:20px">
        <div class="col-lg-5">
            <ul class="pager">
                <li class="previous disabled"><a href="#">&larr;上一页</a></li>
                <li class="next"><a href="#">下一页&rarr;</a></li>
            </ul>
        </div>
    </div>
</div>

效果图:

技术分享

bootstrap-面包屑和分页