Bootstrap 3.0.0打破了datepicker图标

Question

这是Demo

如果您使用2.3.1,请取消注释第12行,您将看到按钮正确显示

有谁知道如何修复版本3.0.0-rc1？

Answer 1

要在bootstrap 3.0的bootstrap-datepicker中修复图标问题,请执行以下操作:

// ../bootstrap-datepicker.js

搜索下一个内容并替换

更换 <i class="icon-arrow-left"/>

同 <i class="glyphicon glyphicon-arrow-left"/>

更换 <i class="icon-arrow-right"/>

同 <i class="glyphicon glyphicon-arrow-right"/>

更换 .toggleClass('icon-arrow-left icon-arrow-right');

同 .toggleClass('glyphicon-arrow-left glyphicon-arrow-right');

就是这样,我希望它适合你.

Answer 2

UPADTE

以下答案适用于Bootstrap 3 Release Candidates,但稳定版本确实包含Glyphicons库,它需要一个基类和一个单独的图标类,例如:

<span class="glyphicon glyphicon-calendar"></span>

原始答案:

来自文档:

随着Bootstrap 3的推出,图标已被移动到一个单独的存储库中.这使主要项目尽可能精简,使人们更容易交换图标库,并使得Glyphicons图标字体更容易被更多人在Bootstrap之外使用.

这意味着您需要单独包含glyphicons,您可以使用Bootstrap自己的图标或其他库,如Font Awesome