2017-06-22 168 views
0

我正在開發一個使用引導程序作爲UI的angularjs應用程序。我已經從YouTube下載了一個教程,我正在關注並且我面臨的問題是我的圖標沒有顯示出來。引導程序圖標不顯示

<!DOCTYPE html> 
<html> 

    <head> 
    <link data-require="[email protected]*" data-semver="4.0.5" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" /> 
    <script data-require="[email protected]*" data-semver="4.0.5" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-12"> 
     <h1><span class="glyphicon glyphicon-align-left" aria-hidden="true"></span> Hello Plunker!</h1> 
     </div> 

    </div> 
    <div class="row"> 
     <div class="col-sm-3"> 
     Nav 
     </div> 
     <div class="col-sm-9"> 
     <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> 
     </div> 
    </div> 
    </div> 
    </body> 

</html> 

回答

0

從Bootstrap 4開始,與版本3中的Bootstrap交付品一起打包的glyphicons字體被刪除。

更多信息,以及替代選項,可以找到here

1

我建議您使用Font Awesome圖標包,因爲不再支持Bootstrap v4圖形符號。我甚至不確定我看到一個使用Bootstrap圖標的網站。幾乎每個使用圖標的網站都是Font Awesome。看一看,我相信你會找到你需要的。

字體真棒:http://fontawesome.io/icons/

如果這還不夠,你可以使用SVG的,但是從不同的存儲庫:https://simpleicons.org/

或者這些的,也從不同的存儲庫:http://konpa.github.io/devicon/