您的位置:首页 > Web前端 > BootStrap

002-bootstrap图标的使用。

2016-01-16 22:34 495 查看
bootstrap中,图标的使用很简单;

1. 查看官方所给的图标,复制它对应的名字,bootstrap的图标可以在这里找到:http://v3.bootcss.com/components/



2. 把它放到<span></span>标签的class属性上

这样即可显示该图标了。

例如,需要显示上图中的第二个图标,就可以写:<span class="glyphicon
glyphicon-plus"></span>

需要注意的是:


不要和其他组件混合使用

图标类不能和其它组件直接联合使用。它们不能在同一个元素上与其他类共同存在。应该创建一个嵌套的 
<span>
标签,并将图标类应用到这个 
<span>
 标签上。


只对内容为空的元素起作用

图标类只能应用在不包含任何文本内容或子元素的元素上。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  bootstrap