Bootstrap 图示符未显示

ee7vknir 于 2023-10-14 发布在 Bootstrap

关注(0)|答案(1)|浏览(140)

我尝试使用bootstrap 5.3.2在我的页面上获得一个负的图标，但似乎不起作用。

<head>
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>

<body>
  <span class="glyphicon glyphicon-minus" style="font-size:200px; color:blue; padding:20px;"></span>

  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>

twitter-bootstrap

来源：https://stackoverflow.com/questions/77239177/bootstrap-glyphs-not-showing-up

1条答案

按热度按时间

5f0d552i1#

正如@isherwood所说，bootstrap-5没有图标（除了 accordion 之类的东西需要的图标）。
所以你有一些关于如何获得图标的选择，但最好的选择是这样的：

包括引导图标css在您的网页
使用i和class="bi-dash"来显示图标

下面是一个更新的沙盒：https://playcode.io/1619241

<head>
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
  <i class="bi-dash"></i>
</body>

如果这对你不起作用，他们还有很多其他选择：https://icons.getbootstrap.com/#install

赞(0）回复(0）举报 2023-10-14

我来回答

Bootstrap 图示符未显示

1条答案

相关问题

热门标签

最新问答