BootStrap 徽章 与UIkit徽章对比

徽章干嘛的？

比如显示未读消息数目。
具体使用可以写入span标签的class里。

<a href="#">Mailbox <span class="badge">50</span></a>

结果

image.png

对比之下，UIkit的徽章更像是BootStrap label和徽章的综合体

举个例子

<a href="#">Mailbox <span class="uk-badge uk-badge-success">50</span></a>

结果

image.png

参考

Bootstrap 徽章 | 菜鸟教程
徽章 - UIkit 中文文档

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,493评论 19赞 139
  • Jump Start Bootstrap 中文版 第3章
    第3章 探索Bootstrap组件 在这一章，我们将开始使用Bootstrap的一些非常有用的HTML组件。诸如按...
    海上名月阅读 4,524评论 1赞 6
  • Bootstrap（基础二）
    第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件，根...
    凛0_0阅读 10,514评论 0赞 66
  • Bootstrap（基础一）
    Bootstrap是什么？ 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 13,734评论 3赞 184
  • BootStrap面板与UIkit面板对比
    面板干嘛的？ 把一堆dom元素集合到一起 BootStrap面板 结果如图 UIkit面板 结果 对比 1.UIk...
    鸭梨山大哎阅读 4,731评论 0赞 2