带有插件的布尔玛按钮组
在本文中,我们将看到带有插件的 Bulma 按钮组。众所周知,我们可以在 Bulma 的表单控件中添加带有按钮的插件,同样我们也可以将两个或多个按钮插件组合成一个组。为了创建一个带有附加组件的组,我们可以创建两个或多个带有has-addons类的字段容器。
带有插件类的布尔玛按钮组:
- has-addons:该类用于将按钮控件组合在一个容器中。在字段容器中使用两个 has-addons 类可以对多个按钮插件进行分组。
句法:
....
示例 1:下面的示例说明了带有插件的 Bulma 按钮组。
HTML
GFG
GeekforGeeks
Bulma Button Group with addons
HTML
GFG
GeekforGeeks
Bulma Button Group with addons
输出:
示例 2:此示例说明了带有插件的彩色 Bulma 按钮组。
HTML
GFG
GeekforGeeks
Bulma Button Group with addons
输出:
参考: https ://bulma.io/documentation/elements/button/#button-group-with-addons