布尔玛标签图标
Bulma是一个基于 flexbox 的现代 CSS 框架。它带有预先设置样式的组件和元素,可让您快速创建美观且响应迅速的网站。
在本文中,我们将了解如何在 Bulma 的选项卡中添加图标。要将图标添加到选项卡,您只需在标记内添加一个包含图标的图标容器。您可以将任何 Font Awesome 图标与类fas一起使用。
布尔玛标签图标类:
- fa-image:用于设置字体真棒图像图标。
- fa-music:用于设置字体真棒音乐图标。
- fa-film:用于设置字体真棒视频图标。
- fa-file-art:用于设置字体真棒文档图标。
句法:
示例:以下示例说明了如何在 Bulma 中使用选项卡图标。为了对齐标签,我们使用了is-centered类。由于我们使用了is-small类,因此可以选择各种尺寸。
输出:
参考: https://bulma.io/documentation/components/tabs/#icons