文章/答案/技术大牛

发布

问Bootstrap 3到Bootstrap 4
EN

Stack Overflow用户

提问于 2018-05-30 13:49:23

回答 3查看 249关注 0票数 0

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

html

css

twitter-bootstrap

回答 3

Stack Overflow用户

发布于 2018-05-30 14:57:13

根据您的问题，我认为您正在使用字体强大的图标

要包含字体强大的库，请访问以下链接：

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

即使是最新的Font awesome package 5

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

类已重命名为far fa-calendar，如link中所示

票数 2

Stack Overflow用户

发布于 2018-05-30 13:52:43

应该是这样的。请注意，您还没有说明您使用的是哪个版本的font- stated。我以为是this

<div class="input-group date">
    {% include "bootstrap_datepicker_plus/input.html" %}
    <span class="input-group-addon">
        <i class="fa fa-calendar" aria-hidden="true"></i>
    </span>
</div>

票数 0

Stack Overflow用户

发布于 2018-05-30 13:57:00

您可以使用here (Github链接here)中的羽毛图标来代替Bootstrap 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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50597175

复制

相似问题

问Bootstrap 3到Bootstrap 4
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap 3到Bootstrap 4EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap 3到Bootstrap 4
EN