BootStrap2学习日记17---导航路径和分页

导航路径

代码:

    <ul class="breadcrumb">

        <li><a href="#">Home</a><span class="divider">></span></li>

        <li class="active">Product List</li>

    </ul>

效果：

分页器

代码：

    <div class="pagination">

    <ul>

        <li><a href="#">1</a></li>

        <li class="active"><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="#">6</a></li>

    </ul>

    </div>

效果:

代码:

    <div class="pager">

        <ul>

            <li><a href="#">上一页</a></li>

            <li><a href="#">下一页</a></li>

        </ul>

    </div>

效果:

代码:

    <div class="pager">

        <ul>

            <li class="previous"><a href="#">上一页</a></li>

            <li class="next"><a href="#">下一页</a></li>

        </ul>

    </div>

效果: