布尔玛面包屑图标
Bulma 是一个基于 flexbox 的现代 CSS 框架。它带有预先设置样式的组件和元素,可让您更快地创建美观且响应迅速的网站。在本文中,我们将了解如何在 Bulma 中将图标添加到面包屑。
要将图标添加到面包屑,您只需在标记内添加一个包含您选择的 Font Awesome 图标的图标容器。
布尔玛面包屑图标:
Bulma 中的面包屑可用于指示当前页面在导航层次结构中的位置。 Bulma 提供了一千多个 Font Awesome 图标,可以与面包屑一起使用,而不是使用任何特定的类。
句法:
示例:下面的示例显示了如何在 Bulma 中使用图标和面包屑。
HTML
Bulma Breadcrumbs Icons
GeeksforGeeks
Bulma Breadcrumbs Icons
输出:
![](https://mangodoc.oss-cn-beijing.aliyuncs.com/geek8geeks/Bulma_Breadcrumb_Icons_0.jpg)
布尔玛面包屑图标
参考: https ://bulma.io/documentation/components/breadcrumb/#icons