Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Bootstrap每天必学之标签与徽章大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

1、标签

@H_450_3@

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

Bootstrap每天必学之标签与徽章@H_450_3@@H_450_3@@H_450_3@

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

既然他是一个独立的组件,当然在不同的版本下有不同的文件:@H_450_3@

ώ5; LESS版本:

对应的源文件label.less@H_450_3@

ώ5; Sass版本:

对应的源文件_label.scss@H_450_3@

ώ5; 编译后版本:

bootstrap.css文件第4261行~第4327行@H_450_3@

1)、使用原理:

@H_450_3@

使用方法很简单,你可以在使用span这样的行内标签:@H_450_3@

代码如下:

大佬总结

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

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

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