Material Design Lite - Badges

Material Design Lite徽章 - 从简单和简单的步骤学习Material Design Lite，从基本概念到高级概念，包括概述，环境设置，布局，网格，标签，页脚，徽章，按钮，卡片，进度条，旋转器，菜单，滑块，复选框，单选按钮，图标，开关，数据表，文本字段，工具提示。

MDL徽章组件是屏幕上的通知，可以是数字或图标.它通常用于强调项目数.

MDL提供了一系列CSS类，可以对徽章应用各种预定义的视觉和行为
增强功能.下表列出了可用的类及其
效果.

Sr.No.	Class Name&描述
1	mdl-badge 将元素标识为MDL徽章组件. span或link元素必需.
2	mdl-badge - 无背景应用开环效果徽章并且是可选的.
3	mdl-badge - 重叠使徽章与其容器重叠并且是可选的.
4	data-badge ="value" 为用作属性的徽章指定字符串值;在跨度或链接上需要.

示例

以下示例将帮助您了解使用 mdl-badge 类向span和link元素添加通知.

下面给出的MDL类将用于这个例子.

                                                      account_box          account_box      Unread Messages      Rating      Inbox

验证结果.