如何在 Bootstrap 框架中使用图标？

Bootstrap是用于开发响应式和移动优先网站的 CSS 框架。 Bootstrap 添加了一项功能，可以使用 Bootstrap 提供的质量图标。这些图标以 SVG 或 Web 字体格式提供。

Bootstrap 提供了一千多个高质量图标，您可以在项目中使用它们。您还可以根据需要更改颜色和调整这些图标的大小。

是什么让 Bootstrap 框架中的图标与众不同，我们为什么要使用它？

“灵活性”是它与其他图标解决方案不同的地方。如果你在 Bootstrap 框架中使用图标，你可以借助 CSS 的color属性来改变图标的颜色。
您还可以使用 CSS 的font-size属性更改图标的大小。
在您的项目中使用 Bootstrap 的图标不需要 Bootstrap，您可以在有或没有 Bootstrap 的情况下使用它。

使用 Bootstrap 图标的基本语法：

元素是用于添加 Bootstrap 图标的容器元素。字符串“bi-”总是附加在图标的类名之前。它指的是引导图标。类名基本上是我们正在使用的一类图标。 Bootstrap 为我们提供了许多类别的图标，例如 Facebook、Twitter、地球仪、星星和搜索等。

示例：这是在提交按钮中使用 Bootstrap 的搜索图标的 HTML 代码。

HTML



  

    
    
  
    
    
  

  

    Welcome To GFG
    
        The below button is using the bi-search 
        class to display the search icon.

输出：您在按钮上看到的搜索图标是 Bootstrap 框架提供的图标，属于类名搜索。