bootstrap组件5

twtonrg 2013-11-17

当网页内容过多时,我们需要分页显示。Bootstrap中有分页组件,使用pagination类来修饰一个分页。默认的分页实例代码:

<ulclass="pagination">

<li><ahref="#">&laquo;</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="#">&raquo;</a></li>

</ul>

使用.disabled来禁用连接,用.active显示是当前页,同时还可以通过.pagination-lg或pagination-sm可以改变分页的尺寸。

为了展示站点的关键内容,可以使用大屏幕组件。假如想要让大屏幕介绍是屏幕宽度,不要把它放在.container里。如果需要让大屏幕(jumbotron)占据全部宽度并且去掉圆角,只需将其放到所有.container外面,并在其内部添加一个.container。

相关推荐