Html 引导程序3到引导程序4_Html_Css_Twitter Bootstrap

Html 引导程序3到引导程序4

html css twitter-bootstrap

Html 引导程序3到引导程序4,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我不知道如何将此从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&

我不知道如何将此从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>


{%include“bootstrap\u datepicker\u plus/input.html”%}

我读到

gyphicon

已被删除，因此我将其替换为

fa-fa-calendar

，并添加了相应的样式表

我不能让那个按钮工作-这是

字形图标

它应该是这样的。请注意，您尚未说明您使用的字体版本。我猜想


{%include“bootstrap\u datepicker\u plus/input.html”%}

应该是这样的。请注意，您尚未说明您使用的字体版本。我猜想


{%include“bootstrap\u datepicker\u plus/input.html”%}

您可以使用（Github链接）中的羽毛图标，而不是引导4中的字形图标。下面的代码示例可能对您有所帮助

<html>
<head>
</head>
<body>
    <div data-feather="calendar">Calendar</div>

    <!-- Icons -->
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script>
      feather.replace()
    </script>
</body>


历法
feather.replace（）

您可以使用（Github链接）中的羽毛图标，而不是引导4中的字形图标。下面的代码示例可能对您有所帮助

<html>
<head>
</head>
<body>
    <div data-feather="calendar">Calendar</div>

    <!-- Icons -->
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script>
      feather.replace()
    </script>
</body>


历法
feather.replace（）

根据您的问题，我认为您使用的是令人敬畏的字体图标

要包含字体库，请单击以下链接：

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

即使是根据最新的字体可怕的CDN包5

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

日历类已重命名为远fa calendar，如所示。根据您的问题，我认为您使用的是字体很棒的图标

要包含字体库，请单击以下链接：

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

即使是根据最新的字体可怕的CDN包5

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

日历的类已重命名为远fa日历，如中所示