亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Bootstrap字體圖標(biāo)無法正常顯示的解決方法

 更新時(shí)間:2016年10月08日 14:24:42   作者:helijun  
這篇文章主要為大家詳細(xì)介紹了Bootstrap字體圖標(biāo)無法正常顯示的解決方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

bootstratp作為一個(gè)優(yōu)秀的前端框架,最近使用了其中的Glyphicon Halflings的字體圖標(biāo)。起初一直顯示不出來,后面通過搜索相關(guān)資料直到成功顯示,在此做一些總結(jié),方便后面復(fù)習(xí)。

1、在html頁面引入bootstrap

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>xxxx</title>
 <link href="../css/bootstrap/bootstrap.min.css" rel="stylesheet">
</head>
<body>
 
</body>
<script src="../js/lib/jquery.min.js" type="text/javascript"></script>
<script type="../js/lib/bootstrap.min.js" type="text/javascript"></script>

</html>

2、在放bootstrap.min.css的文件夾同級(jí)的目錄下添加官網(wǎng)下載好的fonts文件里的所有東西

 

3、在項(xiàng)目的/img/文件下添加(關(guān)鍵)

glyphicons-halflings-white.png
glyphicons-halflings.png

4、使用

放在任何地方都能使用。為了留下正確的內(nèi)補(bǔ)(padding),一定要在圖標(biāo)和文本之間加上一個(gè)空格。圖標(biāo) class 不能和其它元素聯(lián)合使用,因?yàn)檫@些圖標(biāo)被設(shè)計(jì)為獨(dú)立的元素、獨(dú)立使用。

<span class="glyphicon glyphicon-search"></span>


參考鏈接:http://v2.bootcss.com/base-css.html#icons

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

如果大家還想深入學(xué)習(xí),可以點(diǎn)擊這里進(jìn)行學(xué)習(xí),再為大家附兩個(gè)精彩的專題:Bootstrap學(xué)習(xí)教程 Bootstrap實(shí)戰(zhàn)教程

相關(guān)文章

最新評(píng)論