跳到主要内容 跳到文档导航

将外部图标库与 Bootstrap 一起使用的指导和建议。

虽然默认情况下 Bootstrap 不包含图标集,但我们有自己的综合图标库,称为 Bootstrap Icons。随意使用它们或在您的项目中设置的任何其他图标。我们在下面包含了 Bootstrap 图标和其他首选图标集的详细信息。

虽然大多数图标集包含多种文件格式,但我们更喜欢 SVG 实现,因为它们改进了可访问性和矢量支持。

Bootstrap图标

Bootstrap Icons 是一个不断增长的 SVG 图标库,由@mdo设计并由Bootstrap Team维护。这个图标集的开始来自 Bootstrap 自己的组件——我们的表单、轮播等等。Bootstrap 几乎不需要开箱即用的图标,所以我们不需要太多。然而,一旦我们开始行动,我们就无法停止制造更多。

哦,我们有没有提到它们是完全开源的?在MIT获得许可,就像 Bootstrap 一样,我们的图标集可供所有人使用。

了解有关 Bootstrap Icons的更多信息,包括如何安装它们和推荐的用法。

备择方案

我们已经测试并使用这些图标集作为 Bootstrap 图标的首选替代品。

更多的选择

虽然我们自己还没有尝试过这些,但它们看起来确实很有前途并提供多种格式,包括 SVG。