bootstrap组件5
当网页内容过多时,我们需要分页显示。Bootstrap中有分页组件,使用pagination类来修饰一个分页。默认的分页实例代码:
<ul class="pagination">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><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="#">»</a></li>
</ul>
使用.disabled来禁用连接,用.active显示是当前页,同时还可以通过.pagination-lg或pagination-sm可以改变分页的尺寸。
为了展示站点的关键内容,可以使用大屏幕组件。假如想要让大屏幕介绍是屏幕宽度,不要把它放在.container里。如果需要让大屏幕(jumbotron)占据全部宽度并且去掉圆角,只需将其放到所有.container外面,并在其内部添加一个.container。