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.

概述(Overview)

Bulma CSS框架概述

开始使用

使用Bulma仅仅需要1个CSS文件

CSS 类库

Bulma仅仅只是CSS类库的集合,只编写你想要的HTML代码即可。

修饰器语法

Most Bulma elements have alternative styles. To apply them, you only need to append one of the modifier classes. They all start with is- or has-.

模块化

只需要添加你需要的模块

响应式

Bulma 是一个移动优先的CSS框架

颜色

大多数 Bulma 元素和组件的颜色 和风格

本页目录

    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