📜  布尔玛标签图标

📅  最后修改于: 2022-05-13 01:56:33.046000             🧑  作者: Mango

布尔玛标签图标

Bulma是一个基于 flexbox 的现代 CSS 框架。它带有预先设置样式的组件和元素,可让您快速创建美观且响应迅速的网站。

在本文中,我们将了解如何在 Bulma 的选项卡中添加图标。要将图标添加到选项卡,您只需在标记内添加一个包含图标的图标容器。您可以将任何 Font Awesome 图标与类fas一起使用。

布尔玛标签图标类:

句法:

示例:以下示例说明了如何在 Bulma 中使用选项卡图标。为了对齐标签,我们使用了is-centered类。由于我们使用了is-small类,因此可以选择各种尺寸

HTML


输出:

布尔玛标签图标

布尔玛标签图标

参考: https://bulma.io/documentation/components/tabs/#icons