bootstrap glyphicon with bootstrap switch

时间:2018-02-28 09:40:26

标签: jquery html css twitter-bootstrap

我使用bootstrap-switch和bootstrap v3。

我想使用图标在交换机上显示文字。

如果我使用这样的字体真棒图标,它可以工作。 using font awesome using font awesome 这是代码:

$("[name='pets_check_box']").bootstrapSwitch('onText', '<i class="fa fa-check" aria-hidden="true"></i>');
$("[name='pets_check_box']").bootstrapSwitch('offText', '<i class="fa fa-times" aria-hidden="true"></i>');

如果我使用bootstrap glyphicon,则不会显示图标... using bootstrap glyphicon using bootstrap glyphicon 这是代码:

$("[name='pets_check_box']").bootstrapSwitch('onText', '<span class="glyphicon glyphicon-ok"></span>');
$("[name='pets_check_box']").bootstrapSwitch('offText', '<span class="glyphicon glyphicon-remove"></span>');

当我使用没有bootstrap-switch的glyphicon时,glyphicon正常工作。 有人有解决方案吗?

2 个答案:

答案 0 :(得分:1)

最新版本的Bootstrap(&gt; = v4.0)不支持glyphicon图标。在他们提到的官方网站上,如果你需要图标,一些选项是:

  • Glyphicons的上游版本
  • Octicons
  • Font Awesome

查找以下链接以阅读详细信息。

Win32_Printer class

答案 1 :(得分:0)

确保包含bootstrap.css,bootstrap.css位于条目

之下
.glyphicon-ok:before {  content: "\e013";}