BOOTSTRAP 徽章 技术教程文章

Bootstrap源码解读标签、徽章、缩略图和警示框(8)

标签 标签组件通常用来做一些高亮显示用以提醒。使用“.label”样式来实现,可以使用span这样的行内标签,例如:<span class="label">标签</span> 实现源码如下: .label {display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em; }也可以使用a标签元素来制作标签,实现源码如下: a.labe...

Bootstrap每天必学之标签与徽章【图】

1、标签 在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息,比如说在导航上添加了一个新导航项,可能就会加一个“new”标签,来告诉用户。这是新添加的导航项。如下图所示:那么在Bootstrap框架中特意将这样的效果提取出来成为一个标签组件,并且以“.label”样式来实现高亮显示。 既然他是一个独立的组件,当然在不同的版本下有不同的文件: ? LESS版本:对应的源文件label.less ? Sass版本:对应的源文件_label.scs...