客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
Foundation 分页如果你的网页有很多内容，就需要使用分页功能。 要创建一个基础的分页功能需要在 实例<ul class="pagination"> <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> </ul> 尝试一下 » 当前页面可以在 实例<ul class="pagination"> <li class="current"><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> </ul> 尝试一下 » 禁用分页如果需要设置某个分页不可点击需要使用 实例<ul class="pagination"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li class="unavailable"><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> 尝试一下 » 分页方向在第一个和最后一个 code><li> 元素上添加 实例<ul class="pagination"> 尝试一下 »<li class="arrow"><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 class="arrow"><a href="#">»</a></li> </ul> 分页居中显示我们可以在 <ul> 外层添加 实例<div class="pagination-centered"> <ul class="pagination"> <li class="arrow"><a href="#">«</a></li> <li class="current"><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 class="arrow"><a href="#">»</a></li> </ul> </div> 尝试一下 » 面包屑导航面包屑导航用于展示当前页面的导航结构。 在 实例<ul class="breadcrumbs"> <li><a href="#">Home</a></li> <li><a href="#">Private</a></li> <liclass="unavailable"><a href="#">Pictures</a></li> <li class="current">Vacation</li> </ul> 尝试一下 » 子导航在页面切换上，子导航是非常有用的。 在 实例<ul class="sub-nav"> <dt>Filter:</dt> <dd class="active"><a href="#">All</a></dd> <dd><a href="#">Active</a></dd> <dd><a href="#">Pending</a></dd> <dd><a href="#">Suspended</a></dd> </ul> 尝试一下 »  |
请发表评论