第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

Glyphicon圖標(biāo)無法顯示問題?

<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
????<meta?http-equiv="X-UA-Compatible"?content="IE=edge">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
????<title>表單</title>
????<link?href="../css/3.1.1/bootstrap.css"?rel="stylesheet"?/>
</head>

文件地址肯定沒有錯,但是瀏覽器中顯示不出icon:54c5e12800015f1300770228.jpg


以下是用于實現(xiàn)的代碼:

????????????<form?role="form">
????????????????<div?class="form-group?has-warning?has-feedback">
????????????????????<label?class="control-label"?for="inputWarning2">警告狀態(tài)</label>
????????????????????<input?type="text"?class="form-control"?id="inputWarning2"?placeholder="警告狀態(tài)">
????????????????????<span?class="glyphicon?glyphicon-warning-sign?form-control-feedback"></span>
????????????????</div>
????????????????<div?class="form-group?has-error?has-feedback">
????????????????????<label?class="control-label?has-error?has-feedback"?for="inputError2">錯誤狀態(tài)</label>
????????????????????<input?type="text"?class="form-control"?id="inputError2"?placeholder="錯誤狀態(tài)">
????????????????????<span?class="glyphicon?glyphicon-remove?form-control-feedback"></span>
????????????????</div>
????????????????<div?class="form-group?has-success?has-feedback">
????????????????????<label?class="control-label?has-success?has-feedback"?for="inputSuccess2">成功狀態(tài)</label>
????????????????????<input?type="text"?class="form-control"?id="inputSuccess2"?placeholder="成功狀態(tài)">
????????????????????<span?class="glyphicon?glyphicon-ok?form-control-feedback"></span>
????????????????</div>
????????????</form>



在學(xué)到了icon這一節(jié)時,又遇到了新的問題

<span?class="glyphicon?glyphicon-search"></span>
<span?class="glyphicon?glyphicon-arrow-right"></span>
<span?class="glyphicon?glyphicon-plus"></span>
<span?class="glyphicon?glyphicon-cloud"></span>

,只正常顯示了號plus和云圖標(biāo)cloud,如下圖

54c637830001b65601230076.jpg

這要怎么解決??


正在回答

7 回答

你的文件中有fonts文件夾嗎。

2 回復(fù) 有任何疑惑可以回復(fù)我~
#1

Fire4x 提問者

有,4個文件,但還是不行,不過那個img文件夾下的2張icon的圖片有用嗎,應(yīng)該放在哪個位置?
2015-01-26 回復(fù) 有任何疑惑可以回復(fù)我~
#2

Fiona0126 回復(fù) Fire4x 提問者

還有img文件夾?你是在官網(wǎng)下的bootstrap嗎?不是只有css.js,fonts文件夾?
2015-01-26 回復(fù) 有任何疑惑可以回復(fù)我~
#3

Fire4x 提問者 回復(fù) Fiona0126

我有3個版本的Bootstrap,所以我想問問,我想應(yīng)該用不到,imooc的例子都只是引用了bootstrap.min.css文件
2015-01-26 回復(fù) 有任何疑惑可以回復(fù)我~
#4

Fire4x 提問者 回復(fù) Fire4x 提問者

<span class="glyphicon glyphicon-search"></span> <span class="glyphicon glyphicon-arrow-right"></span> <span class="glyphicon glyphicon-plus"></span> <span class="glyphicon glyphicon-cloud"></span> 只正常顯示了加號plus和云圖標(biāo)cloud
2015-01-26 回復(fù) 有任何疑惑可以回復(fù)我~
#5

Fiona0126 回復(fù) Fire4x 提問者

我覺得可能是fonts文件夾的問題。。我前幾天也跟你一樣= =。是我誤刪了fonts文件夾里的文件,你要不試試去官網(wǎng)下最新的看看?我后來又下的官網(wǎng)的,現(xiàn)在顯示正常。。
2015-01-26 回復(fù) 有任何疑惑可以回復(fù)我~
#6

Fire4x 提問者 回復(fù) Fiona0126

嘗試了下,唯一成功的就是把我自己的路徑<link href="../css/3.1.1/bootstrap.css" rel="stylesheet" />改成http路徑<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.1.1/css/bootstrap.css"> 不知道為什么會這樣。。 而且我已經(jīng)把bootstrap.css中的@font-face中的路徑改成正確的了,還是不行。
2015-01-27 回復(fù) 有任何疑惑可以回復(fù)我~
#7

Fire4x 提問者 回復(fù) Fiona0126

一般使用bootstrap推薦用自己的css還是cdn上的css網(wǎng)頁文檔,像這個http://cdn.bootcss.com/bootstrap/3.1.1/css/bootstrap.css
2015-01-27 回復(fù) 有任何疑惑可以回復(fù)我~
#8

Fiona0126 回復(fù) Fire4x 提問者

看看瀏覽器報錯~可能是訪問權(quán)限的問題?~我用linux的時候也有過~
2015-01-27 回復(fù) 有任何疑惑可以回復(fù)我~
#9

Fire4x 提問者 回復(fù) Fiona0126

沒有瀏覽器報錯,用的是火狐
2015-01-27 回復(fù) 有任何疑惑可以回復(fù)我~
#10

Fire4x 提問者

暫時還是先用cdn上的css代替下吧,謝謝!
2015-01-27 回復(fù) 有任何疑惑可以回復(fù)我~
#11

MOLLMY 回復(fù) Fire4x 提問者

我剛剛也遇到了這樣的問題,看了你的提問受啟發(fā),發(fā)現(xiàn)是fonts下少了一個文件,后綴是woff2。因為現(xiàn)在編輯器里寫的用的我自己下的bootstrap,然后再在idea改,是前輩的文件夾,一對比就發(fā)現(xiàn)少了,復(fù)制過去后就都顯示了
2015-12-13 回復(fù) 有任何疑惑可以回復(fù)我~
#12

FianeHsu 回復(fù) Fire4x 提問者

下載地址http://v3.bootcss.com/getting-started/#download
2016-07-22 回復(fù) 有任何疑惑可以回復(fù)我~
查看9條回復(fù)

最簡單解決方案,希望能幫助后人:

????????打開bootstrap.css源碼,搜索“@font-face”按照里面src的要求存放相關(guān)文件,或者改下路徑即可

1 回復(fù) 有任何疑惑可以回復(fù)我~

我也遇到了相同的問題,請問如何解決的呢@cz稻草人

0 回復(fù) 有任何疑惑可以回復(fù)我~

我也遇到這個問題
font文件無法被跨域調(diào)用
解決方法:將本地bootstrap3中的fonts文件(里面有g(shù)lyphicons-halflings-regular)放到css同級,就是你的“STATIC/bootstrap3/”下

3 回復(fù) 有任何疑惑可以回復(fù)我~

我的圖標(biāo)也沒有引用出來,跨域問題怎么解決?

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

cz稻草人

我也遇到這個問題 font文件無法被跨域調(diào)用 解決方法:將本地bootstrap3中的fonts文件(里面有g(shù)lyphicons-halflings-regular)放到css同級,就是你的“STATIC/bootstrap3/”下
2015-05-15 回復(fù) 有任何疑惑可以回復(fù)我~

出現(xiàn)這樣的問題有兩個原因,第一個原因是字符編碼存在問題,第二個問題是跨域問題。在使用font-face制作圖片的時候,最大要考慮的就是跨域引起顯示問題。如你上圖所示的樣子。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

Fire4x 提問者

一般使用bootstrap搭建網(wǎng)站時,推薦用自己的css還是cdn上的css網(wǎng)頁文檔,像這個http://cdn.bootcss.com/bootstrap/3.1.1/css/bootstrap.css
2015-01-27 回復(fù) 有任何疑惑可以回復(fù)我~

??????????

<span?class="glyphicon?glyphicon-search"></span>
<span?class="glyphicon?glyphicon-arrow-right"></span>
<span?class="glyphicon?glyphicon-plus"></span>
<span?class="glyphicon?glyphicon-cloud"></span>

現(xiàn)在學(xué)到了icon這一節(jié)又遇到了新的問題,只正常顯示了號plus和云圖標(biāo)cloud,這要怎么解決?? ??

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消

Glyphicon圖標(biāo)無法顯示問題?

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號