Blaze UI 窗口框
Blaze UI是一个 CSS 开源轻量级 UI 工具包,它为构建自定义和可扩展的应用程序提供了出色的工具。它可以与任何存在的框架一起使用。它可以适应任何生态系统。所有设计或 CSS 都是移动优先的,因此是响应式的。
Blaze UI Window Boxes用于创建在所有方向上具有相等填充的单元格。单元格在左、右和上下对称,看起来像方形窗口。我们可以使用它们在网格中显示项目或在网格或内联中弯曲它们。
Blaze UI 窗口框类:以下是根据其填充降序排列的不同类:
- u-window-box-super:它有最大的内边距。
- u-window-box-xlarge:它的填充比 super 少。
- u-window-box-large:它有很大的填充。
- u-window-box-medium:它有中等填充。
- u-window-box-small:它的内边距比 medium 小。
- u-window-box-xsmall:它比 tiny 有更大的填充。
- u-window-box-tiny:它的填充非常少。
- u-window-box-none:它没有填充。
语法:将类应用于容器等任何元素,如下所示:
...
示例 1:在下面的示例中,我们使用 jQuery 应用了三个带有窗口框填充的项目,然后我们使用提供的按钮对其进行修改。
HTML
GeeksforGeeks
Blaze UI window Boxes
Car
Chair
Ludo
HTML
GeeksforGeeks
Blaze UI Window Boxes
Data Strucures
A data structure is a particular way
of organizing data in a computer
so that it can be used effectively.
Algorithms
an algorithm is a finite sequence
of well-defined instructions,
typically used to solve a class of
specific problems or to perform a
computation.
Machine Learning
Machine Learning is the field of
study that gives computers the
capability to learn without being
explicitly programmed.
输出:
示例 2:我们有一些与编程相关的细节的超级窗口框。
HTML
GeeksforGeeks
Blaze UI Window Boxes
Data Strucures
A data structure is a particular way
of organizing data in a computer
so that it can be used effectively.
Algorithms
an algorithm is a finite sequence
of well-defined instructions,
typically used to solve a class of
specific problems or to perform a
computation.
Machine Learning
Machine Learning is the field of
study that gives computers the
capability to learn without being
explicitly programmed.
输出:
参考: https://www.blazeui.com/utils/boxing/