《Bulma 中文文档》组件|选项卡

简单具有不同样式的响应式的水平导航选项卡。Bulma `tabs` 是一个直接导航选项卡组件,拥有多种样式。需要以下结构: - 一个 `tabs` 容器 - 一个 ul HTML 元素 - `li` HTML 元素 - `a` HTML 链接元素 默认情况下...

《Bulma 中文文档》组件|面板

可组合的面板,可以用于紧凑的控制。 `panel` 是一个由几种类型的元素组成的容器: - `panel-header` 是第一个子元素 - `panel-tabs` 选项卡导航 - `panel-block` 可选项容器,可以包含其他元素,包括: - `contr...

《Bulma 中文文档》组件|分页

一个响应式、可用、灵活的分页组件。 分页组件包含几个元素: - `pagination-previous` 和 `pagination-net` 上一页和下一页导航 - `pagination-list` 显示分页项目 - `pagination-link` 显示页码 - `paginatio...

《Bulma 中文文档》组件|导航栏

响应式水平导航栏,包括图片、链接、按钮和下拉。 导航栏组件一个的响应式的多功能通用水平导航,具有以下结构: - `navbar` 主容器 - `navbar-brand` 位于左侧的始终可见的,通常包括 **logo** 和可选的链接和图...

《Bulma 中文文档》组件|模态框

一个经典的样式实现的遮蔽层弹框,弹框内可以包含任何想要添加的内。 模态框的接口特别简单: - `modal` :主容器 - `modal-background` :透明遮蔽层,可以用来实现点击关闭模态框 - `modal-content` :水平和...

《Bulma 中文文档》组件|信息

彩色的信息块,用于强调页面的一部分内容。 Bulma 消息组件是一个由多个部分组成的组件。 - `message` 主容器 - `message-header` : 包含标题和一个可选的 `delete` 元素 - `message-body` :消息主体,包含长文本...

《Bulma 中文文档》组件|菜单

一个简单的菜单组件,可以用于任何类型的垂直导航。 Bulma 的菜单组件是一个垂直导航组件,包括以下元素: - `menu` :主容器 - 信息 `menu-label` 标签 - `menu-list` 最多可嵌套 2 个级别的交互式列表 ![file](...

《Bulma 中文文档》组件|下拉

用于发现内容的交互式下拉菜单。 下拉组件是由一个下拉菜单和一个下拉按钮组成的容器。 - dropdown:主容器 - dropdown-trigger:按钮容器 - dropdown-menu:可以切换的菜单,默认情况下处于隐藏。 - dropd...

《Bulma 中文文档》组件|卡片

一个全面灵活且可以组合的卡片组件。 **卡片**组件包含以下几个元素并且可以混合使用: - card:主容器 - card-header:一个带阴影的垂直居中的头 - card-header-title:居于卡片头左侧的粗体文本 - card-...

《Bulma 中文文档》组件|面包屑

一个改善您的导航体验的简单的**面包屑**组件。 Bulma **面包屑组件**是一个简单导航组件,由一个 `breadcrumb`  容器和一个 `ul` 列表组成。使用 `li` 标签的 `::before` 伪元素来创建分割线。 可以在标签中使用 `i...


《Bulma 中文文档》元素|标签

可以插入到任何地方的小标签 Bulma **tag 元素**是一个小而通用的元素。是将信息附加到块或者组件的一种非常有用的方式,它的大小也使它很容易显示数字,使它适合于很长的项目列表。 默认情况下, **tag** 的高度是...

《Bulma 中文文档》元素|表格

不可避免的 HTML 表格,带有特殊的大小单元格。 可以通过在 HTML 元素上附加一个简单的 `table` CSS 类来创建一个 Bulma 表格,其结构如下: - `` 主容器 - `thead` 表格的头(可选) - `tfoot` 表格的底部(可...