Bulma: 基于Flexbox的免费、开源、现代化的CSS框架 | Bulma中文网
文档 视频 发现 粉丝 Backers Extensions 博客 Brand Start Badge
Love
Fans of Bulma around the world

Backers
Everyone who is supporting Bulma via Patreon and GitHub

Bulma extensions
Side projects to enhance Bulma

Blog
Stay updated with new features

Brand
The official Bulma logos

Bulma start
开始使用Bulma的最小npm包

Made with Bulma
The official community badge

Coming from Bootstrap
See how Bulma is an alternative to Bootstrap
下载
文档 视频 发现 粉丝 Backers Extensions 博客 Brand Start Badge
Love
Fans of Bulma around the world

Backers
Everyone who is supporting Bulma via Patreon and GitHub

Bulma extensions
Side projects to enhance Bulma

Blog
Stay updated with new features

Brand
The official Bulma logos

Bulma start
开始使用Bulma的最小npm包

Made with Bulma
The official community badge

Coming from Bootstrap
See how Bulma is an alternative to Bootstrap
f

Guides

概述
  • 开始使用
  • CSS 类库
  • 修饰器语法
  • 模块化
  • 响应式
  • 颜色
自定义
  • 基础概念
  • 变量
  • 使用 node-sass
  • 使用Sass CLI
  • 使用 webpack
Utilities
  • Mixins
  • Responsive mixins
  • Form Control mixins
  • Functions
  • Extends

CSS Library

列(Columns)
  • 基础
  • 尺寸
  • 响应式列
  • 嵌套
  • 列间隙
  • 选项
Elements
  • Block
  • Box
  • Button
  • Content
  • Delete
  • Icon
  • Image
  • Notification
  • Progress bars
  • Table
  • Tag
  • Title
Components
  • Breadcrumb
  • Card
  • Dropdown
  • Menu
  • Message
  • Modal
  • Navbar
  • Pagination
  • Panel
  • Tabs
表单(Form)
  • 通用控件
  • Input
  • Textarea
  • Select
  • Checkbox
  • Radio
  • File
布局(Layout)
  • 容器
  • Level
  • 媒体对象
  • Hero
  • 节(Section)
  • 页脚(Footer)
  • Tiles
Helpers
  • Color
  • Spacing
  • Typography
  • Visibility
  • Flexbox
  • Other

There are no results.

布局(Layout)

使用CSS 类设计你的网页结构

容器

一个可以内容水平居中的简单容器

Level

多功能的 水平 level, 它可以包含几乎所有的元素

媒体对象

在社交媒体网站经常出现并且很流行的媒体对象,在任何情况下都很有用

Hero

An imposing hero banner to showcase something

节(Section)

将页面内容分为多个节(sections)的简单容器, 例如您当前正在阅读的部分

页脚(Footer)

简单的响应式页脚,它可以包含任何元素: lists, headings, columns, icons, buttons, etc.

Tiles

A single tile element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids

本页目录

    Bulma by Jeremy Thomas.

    @jgthms
    Source code licensed MIT.
    Website content licensed CC BY-NC-SA 4.0

    Contribute on GitHub

    Share on social media

    Tweet

    首页

    博客

    The Bulma block

    New feature: Icon Text

    Light/Dark colors, better look, larger controls

    Automatic variables docs

    View all posts

    文档

    概述

    Utilities

    自定义

    Helpers

    列(Columns)

    布局(Layout)

    表单(Form)

    Elements

    Components

    更多

    Expo Official Bulma showcase

    Love Fans of Bulma around the world

    Backers Everyone who is supporting Bulma via Patreon and GitHub

    Bulma extensions Side projects to enhance Bulma

    Blog Stay updated with new features

    Brand The official Bulma logos

    Bulma start 开始使用Bulma的最小npm包

    Made with Bulma The official community badge

    Coming from Bootstrap See how Bulma is an alternative to Bootstrap