加入收藏 | 设为首页 | 会员中心 | 我要投稿 佛山站长网 (https://www.0757zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

Bootstrap3.0学习第十四轮:分页、徽章

发布时间:2013-12-07 01:01:38 所属栏目:教程 来源:站长网
导读:本文主要来讲解以下内容:1.分页;2.徽章;3.总结。

翻页

用轻便的标记和样式,就能做个上一页和下一页的简单翻页。用在像博客和杂志这样的简单站点上棒极了。

默认案例

在默认的翻页中,链接居中。

5

对齐链接

您可以把链接向两端对齐作为替代。

6

可选的禁用状态

翻页链接也用分页中的.disabled工具类。

7

徽章

给链接,Bootstrap导航等等加入,可以容易地高亮新的或未读的条目。

8

自动消失(self colapsing)

当没有新的或未读的条目时,里面没有内容的徽章会消失(通过CSS的:empty选择器实现)

9

跨浏览器兼容性

徽章在Internet Explorer 8中不会自动消失,因为它需要对:empty选择器的支持。

适应导航的激活状态

在胶囊式导航和列表式导航中的徽章有内置的样式。

10

总结

分页在数据列表当中必然会用到的,恰到好处的使用徽章同样会给页面布局带来不少的新意。

(编辑:佛山站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读