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

导航路径

代码:

    <ul class="breadcrumb">
<li><a href="#">Home</a><span class="divider">></span></li>
<li class="active">Product List</li>
</ul>

效果:

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

分页器

代码:

    <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>

效果:

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

代码:

    <div class="pager">
<ul>
<li><a href="#">上一页</a></li>
<li><a href="#">下一页</a></li>
</ul>
</div>

效果:

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

代码:

    <div class="pager">
<ul>
<li class="previous"><a href="#">上一页</a></li>
<li class="next"><a href="#">下一页</a></li>
</ul>
</div>

效果:

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

上一篇:html与jsp


下一篇:使用JS动态创建含有1000行的表格