Bootstrap每天必学之标签与徽章

大佬教程收集整理的这篇文章主要介绍了Bootstrap每天必学之标签与徽章，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

1、标签

在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息，比如说在导航上添加了一个新导航项，可能就会加一个“new”标签，来告诉用户。这是新添加的导航项。如下图所示：

那么在Bootstrap框架中特意将这样的效果提取出来成为一个标签组件，并且以“.label”样式来实现高亮显示。

既然他是一个独立的组件，当然在不同的版本下有不同的文件：

ώ5; LESS版本：

对应的源文件label.less

ώ5; Sass版本：

对应的源文件_label.scss

ώ5; 编译后版本：

bootstrap.css文件第4261行～第4327行

1）、使用原理：

使用方法很简单，你可以在使用span这样的行内标签：

代码如下:

大佬总结

以上是大佬教程为你收集整理的Bootstrap每天必学之标签与徽章全部内容，希望文章能够帮你解决Bootstrap每天必学之标签与徽章所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。