在bootstrap中有自有包含一种字体图标glyphicon,基本能够满足大部分的UI要求。这里简单总结一下其使用方法。
<i class="glyphicon glyphicon-search" aria-hidden="true">
i> <i class="glyphicon glyphicon-search" aria hidden="true">
i>
<style> .glyphicon{ font-size:12px; color: red; } .glyphicon2{ font-size:6px ; }
style>
/*less 语法*/ .icon-default-styles(@top, @left) {
width: 15px; height: 15px; background: url(@common-icons-sprite) @top @left no-repeat; &, &:before, &:after {
//关键代码,关闭bootstrap自动加入的icon content: none; } } .glyphicon-warning-sign { .icon-default-styles(-52px, -132px); }
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/200665.html原文链接:https://javaforall.net
