如何使用Bootstrap自带图标

本文转载自查看原文 2017-06-29 15:59 14925 Bootstrap

查看可用的字体图标列表：

http://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm

第一步：下载Bootstrap，发现目录中包含

第二步：只需要简单地使用下面的代码即可

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>图标应用</title>
    <!-- Bootstrap -->
 <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
</head>
<body>
<!-- 调用 -->
   <span class="glyphicon glyphicon-adjust"></span>
</body>
</html>

如需改变大小可以用font-size ，就跟设置字体是一样的

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 bootstrap input 引入自带图标对不齐 Bootstrap图标 bootstrap的用法、bootstrap图标 extjs 6.x 使用自带的文字图标库 bootstrap 自带字体颜色如何引入外部图标集及使用方法——以bootstrap图标集为例 Bootstrap的布局组件——字体图标 bootstrap中可用的图标集 Bootstrap 字体图标引用示例 bootstrap glyphicon图标不显示的问题。