布尔玛标签插件
Bulma是 Jeremy Thomas 开发的开源 CSS 框架。该框架基于 CSS Flexbox 属性。它具有高度响应性,最大限度地减少了对响应行为的媒体查询的使用。
Bulma 标签是一个非常有用的元素。我们可以将信息附加到块或其他组件上。它比按钮小,因此更有助于以数字显示它并制作一长串项目。在本文中,我们将了解标签插件及其用途。
布尔玛标签插件类:
- has-addons:当我们需要将标签附加在一起时,我们在标签类中使用has-addons修饰符。
句法:
示例 1:下面的示例说明了 Bulma 标签插件。我们可以使用has-addons修饰符将标签附加在一起。
HTML
Bulma Tag Addons
GeeksforGeeks
Bulma Tag Addons
HTML
Bulma Tag Addons
GeeksforGeeks
Bulma Tag Addons
输出:
![布尔玛标签插件](https://mangodoc.oss-cn-beijing.aliyuncs.com/geek8geeks/Bulma_Tag_Addons_0.jpg)
布尔玛标签插件
示例 2:我们还可以使用is-delete类将删除标签与文本标签附加在一起。
HTML
Bulma Tag Addons
GeeksforGeeks
Bulma Tag Addons
输出:
![布尔玛标签插件](https://mangodoc.oss-cn-beijing.aliyuncs.com/geek8geeks/Bulma_Tag_Addons_1.jpg)
布尔玛标签插件
参考: https://bulma.io/documentation/elements/tag/#tag-addons