首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

bootstrap组件五

2013-11-20 
bootstrap组件5当网页内容过多时,我们需要分页显示。Bootstrap中有分页组件,使用pagination类来修饰一个分

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

热点排行