Bootstrap 图标不显示

Question

Bootstrap 图标不显示

use*_*134 14 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/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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

J. *_*tus 1

从 Bootstrap 4 开始，版本 3 中与 Bootstrap 可交付成果一起打包的 glyphicons 字体已被删除。

可以在此处找到更多信息以及替代选项。

归档时间：	8 年，5 月前
查看次数：	45897 次
最近记录：	2 年，4 月前