twtonrg 2013-11-17
当网页内容过多时,我们需要分页显示。Bootstrap中有分页组件,使用pagination类来修饰一个分页。默认的分页实例代码:
<ulclass="pagination">
<li><ahref="#">«</a></li>
<li><ahref="#">1</a></li>
<li><ahref="#">2</a></li>
<li><ahref="#">3</a></li>
<li><ahref="#">4</a></li>
<li><ahref="#">5</a></li>
<li><ahref="#">»</a></li>
</ul>
使用.disabled来禁用连接,用.active显示是当前页,同时还可以通过.pagination-lg或pagination-sm可以改变分页的尺寸。
为了展示站点的关键内容,可以使用大屏幕组件。假如想要让大屏幕介绍是屏幕宽度,不要把它放在.container里。如果需要让大屏幕(jumbotron)占据全部宽度并且去掉圆角,只需将其放到所有.container外面,并在其内部添加一个.container。
前端分页相当简单,在我添加了2w条测试数据的时候打开的很流畅,没有卡顿。var d = '<button href="#" class="btn btn-default" mce_href="#&qu