Fatal编程技术网

Twitter bootstrap 引导图标不显示

twitter-bootstrap bootstrap-4

Twitter bootstrap 引导图标不显示,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,我正在开发一个angularjs应用程序，使用bootstrap作为UI。我从YouTube下载了一个教程，我正在关注它，我面临的问题是我的图标没有显示出来 <!DOCTYPE html> <html> <head> <link data-require="bootstrap@*" data-semver="4.0.5" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/boots

我正在开发一个angularjs应用程序，使用bootstrap作为UI。我从YouTube下载了一个教程，我正在关注它，我面临的问题是我的图标没有显示出来

<!DOCTYPE html>
<html>

  <head>
    <link data-require="bootstrap@*" 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="bootstrap@*" 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>


你好，普朗克！
导航
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本
自Bootstrap 4起，glyphicons字体（与版本3中的Bootstrap可交付内容一起打包）已被删除

您可以找到更多信息以及其他选项。

我建议您使用Font-Awesome图标包，因为不再支持引导v4图标。我甚至不确定我是否看到过使用引导图标的网站。几乎每一个使用图标的网站，字体都很棒。看一看，我相信你会找到你需要的

字体真棒：

如果这还不够，您可以使用SVG，但可以从不同的存储库：

或者这些，也来自不同的存储库：