《Bulma 中文文档》元素|内容

单个类处理 WYSIWYG 生成的内容,其中只有 HTML 标签可用。 当您不能使用您想要的 CSS 类时,或者当您只想直接使用 HTML 标记时,请使用 `content` 作为容器。它可以处理几乎任何 HTML 标签: - `` 段落 - `` `` ``...

《Bulma 中文文档》元素|按钮

经典按钮,具有不同的颜色,大小和状态。 `.button` 是任何设计的基本元素。它的作用是作为页面的交互元素。![image.png](https://cdn.nlark.com/yuque/0/2019/png/122883/1570861497463-35a7ecc0-7bbf-4ed9-8c88-2...

《Bulma 中文文档》元素|盒子

一个**白盒**来包含其他元素。 `.box` 元素只是一个带有阴影、边框、半径和一些填充的容器。例如,你可以包括一个媒体对象:![image.png](https://cdn.nlark.com/yuque/0/2019/png/122883/1570860874969-9957d88e-65...

《Bulma 中文文档》表单|文件上传

一个自定义文件上传输入,没有 `JavaScript` 。`.file` 元素是一个简单的**交互式标签 **``,它包含了几个子元素: - `.file` 主容器 - `.file-label` 元素的实际交互和可单击部分 - `.file-input` **原生**文...

《Bulma 中文文档》表单|单选框

`radio`  类是一个简单的 ``  HTML 元素包装器。为了保持跨浏览器兼容性和用户体验,故意不设置样式。 确保链接的单选按钮的 `name`  HTML属性具有相同的值。![image.png](https://cdn.nlark.com/yuque/0/2019/png/...

《Bulma 中文文档》表单|复选框

复选框类是一个简单的 HTML 元素包装器。为了保持跨浏览器兼容性和用户体验,故意不设置样式。![image.png](https://cdn.nlark.com/yuque/0/2019/png/122883/1567156176405-77938e6a-fe81-4b8b-a192-fa727fce1e87.pn...




《Bulma 中文文档》表单|常规

# 常规 为了一致性而设计通用表单控件。 支持以下表单控件**类** : - `.label` - `.input` - `.textarea` - `.select` - `.checkbox` - `.radio` - `.button` - `.help` 他们中的每个都应该包装在 `.control` ...

《Bulma 中文文档》布局|瓷砖

一个单一的瓷砖元素容器,以建立二维的像 Metro 样式 ,pinterest 样式,或任何你喜欢的网格。 要构建复杂的二维布局,您只需要一个元素: `tile` ```html ``` ## 例如 ![file](https://sevdot-blog.oss-cn-s...

《Bulma 中文文档》布局|页脚

一个简单的响应页脚,可以包括任何东西:列表,标题,列,图标,按钮等。![image.png](https://cdn.nlark.com/yuque/0/2019/png/122883/1565406742913-10b51d16-f184-48e5-a3c4-10e60125a19d.png#align=left&display=...


《Bulma 中文文档》布局|英雄横幅

一个壮观的**英雄横幅**展示的东西。 英雄横幅组件允许您向页面添加全宽的横幅,也可以选择覆盖页面的全高。该组件的基本要求是: - `hero` 作为主要容器 - `hero-body` 作为直接子元素,您可以在其中放置所有内...