如何使用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刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM