首页 > 解决方案 > 引导程序 3 到引导程序 4

问题描述

我不知道如何将其从 Bs3 转换为 Bootstrap 4:

<div class="input-group date">
    {% include "bootstrap_datepicker_plus/input.html" %}
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

我读到它gyphicon已被删除,因此我将其替换为fa fa-calendar并添加了适当的样式表。

我无法让那个按钮工作 - 这是glyphicon

标签: htmlcsstwitter-bootstrap

解决方案


根据您的问题,我认为您正在使用 Font Awesome Icons

要包含 font-awesome 库,请点击以下链接:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

即使按照最新的 Font Awesome CDN 包 5

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

日历的类已重命名为far fa-calendar,如链接所示


推荐阅读