开发工具与关键技术： 使用HTML 徽章 CSS3 动画 JQUERY 动态切换 JS自动切换

开发工具与关键技术： HTML CSS3 JQUERY JS
作者：冉启东
撰写时间：2019年1月18日
1.使用HTML制作Contextual variations各种颜色类型的徽章代码如下：
div class=“container”
span class=“badge badge-primary”
span class=“badge badge-secondary” Secondary span
span class=“badge badge-success” Success /span
span class="badge badge-danger " Danger /span
span class=“badge badge-warning” Warning /span
span class=“badge badge-info” Info /span
span class=“badge badge-light” Light /span
span class=“badge badge-dark” Dark /span

span class=“badge badge-pill badge-primary” Primary /span
span class=“badge badge-pill badge-secondary” Secondary /span
span class=“badge badge-pill badge-success” Success /span
span class=“badge badge-pill badge-danger” Danger /span
span class=“badge badge-pill badge-warning” Warning /span
span class=“badge badge-pill badge-info” Info /span>
span class=“badge badge-pill badge-light” Light /span
span class=“badge badge-pill badge-dark” Dark /span

a href="#" class=“badge badge-primary”/a
a href="#" class=“badge badge-secondary”/a
a href="#" class=“badge badge-success”/a
a href="#" class=“badge badge-danger”/a
a href="#" class=“badge badge-warning"Warning/a
a href=”#"