在标签的输入复选框中显示字形图标答案

【问题标题】：Show a glyphicon in a input checkbox in a label在标签的输入复选框中显示字形图标
【发布时间】：2019-05-05 21:42:39
【问题描述】：

我有一个输入复选框，我做了自定义，所以它有点大，看起来像一个按钮，但我想要一个使用字形图标在右下角的小信息图标

这是我现在得到的，但不会显示任何字形：

                <div class="col-sm-4">
                    <label class="btn btn-primary btn-block btn-lg-lg">
                        <span class="glyphicon glyphicon-info-sign" style=""></span>
                        <input type="checkbox" style="display: none;" name="lang[]" value="Vue" autocomplete="off">Vue
                    </label> 
                </div>

这不会显示任何内容。如何解决？

【问题讨论】：

您使用的是引导程序 4，对吗？ Glyphicons 包含在 Bootstrap 3 中。现在，您必须手动包含一些其他图标集。 stackoverflow.com/questions/32612690/…
glyphicons and bootstrap 4的可能重复
因为我认为问题是输入，找不到任何东西，但现在我知道这不是问题

标签： html twitter-bootstrap bootstrap-4 glyphicons

【解决方案1】：

你必须手动添加字形，在你的头标签内添加以下行

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

或使用较旧的引导程序版本（例如：3.3.7）

【讨论】：