Bulma 是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度敏感的。它使用类来实现其设计。英雄是一个雄伟的英雄旗帜,用来展示一些东西。
英雄组件允许您向网页添加全宽横幅,也可以选择覆盖页面的全高。 Hero 组件包括几个其他组件,我们必须专门添加这些组件才能很好地设计我们的内容。下面列出了这些组件。
- 英雄:它是主容器。
- hero-body:它是您可以放置所有内容的地方。
示例 1:此示例说明了普通的 Hero 元素。
Bulma Hero
GeeksforGeeks
Prior knowledge of DS and Algo:
If you are already well versed
with the basic data structures
like Arrays, Linked Lists etc.
and some of the basic algorithms
like Sorting, Searching etc. then
you will comparatively take much
less time than a complete newbie
as you already know the basics.
输出:
示例 2:此示例说明了丰富多彩的英雄布尔玛元素。
Bulma Hero
GeeksforGeeks
Prior knowledge of DS and
Algo: If you are already
well versed with the basic
data structures like Arrays,
Linked Lists etc.
GeeksforGeeks
Prior knowledge of DS and
Algo: If you are already
well versed with the basic
data structures like Arrays,
Linked Lists etc.
GeeksforGeeks
Prior knowledge of DS and
Algo: If you are already
well versed with the basic
data structures like Arrays,
Linked Lists etc.
GeeksforGeeks
Prior knowledge of DS and
Algo: If you are already
well versed with the basic
data structures like Arrays,
Linked Lists etc.
GeeksforGeeks
Prior knowledge of DS and
Algo: If you are already
well versed with the basic
data structures like Arrays,
Linked Lists etc.
GeeksforGeeks
Prior knowledge of DS and
Algo: If you are already
well versed with the basic
data structures like Arrays,
Linked Lists etc.
输出:
示例 3:此示例说明具有渐变效果的英雄元素(添加 is-bold 修饰符)。
Bulma Hero
GeeksforGeeks
Prior knowledge of DS and Algo:
If you are already well versed
with the basic data structures
like Arrays, Linked Lists etc.
GeeksforGeeks
Prior knowledge of DS and Algo:
If you are already well versed
with the basic data structures
like Arrays, Linked Lists etc.
GeeksforGeeks
Prior knowledge of DS and Algo:
If you are already well versed
with the basic data structures
like Arrays, Linked Lists etc.
GeeksforGeeks
Prior knowledge of DS and Algo:
If you are already well versed
with the basic data structures
like Arrays, Linked Lists etc.
GeeksforGeeks
Prior knowledge of DS and Algo:
If you are already well versed
with the basic data structures
like Arrays, Linked Lists etc.
GeeksforGeeks
Prior knowledge of DS and Algo:
If you are already well versed
with the basic data structures
like Arrays, Linked Lists etc.
输出: