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>

效果:

BootStrap2学习日记17---导航路径和分页_第1张图片

 

 

 

 

 

你可能感兴趣的:(bootstrap)