bulma css 中文,bulma: Modern CSS framework based on Flexbox

Bulma is a modern CSS framework based on Flexbox.

Quick install

Bulma is constantly in development! Try it out now:

NPM

npm installbulma

or

Yarn

yarn add bulma

Bower

bower installbulma

Import

After installation, you can import the CSS file into your project using this snippet:

import 'bulma/css/bulma.css'

CDN

Feel free to raise an issue or submit a pull request.

CSS only

Bulma is a CSS framework. As such, the sole output is a single CSS file: bulma.css

You can either use that file, "out of the box", or download the Sass source files to customize the variables.

There is no JavaScript included. People generally want to use their own JS implementation (and usually already have one). Bulma can be considered "environment agnostic": it's just the style layer on top of the logic.

Browser Support

Bulma uses autoprefixer to make (most) Flexbox features compatible with earlier browser versions. According to Can I use, Bulma is compatible with recent versions of:

Chrome

Edge

Firefox

Opera

Safari

Internet Explorer (10+) is only partially supported.

Documentation

The documentation resides in the docs directory, and is built with the Ruby-based Jekyll tool.

Related projects

Project

Description

Adds support for attribute-based selectors

Integrates Bulma with the rails asset pipeline

Vue Admin framework powered by Bulma

Free themes for Bulma

Vault UI with Bulma, Golang, and Vue Admin

Ember addon providing a collection of UI components for Bulma

A set of React components for Bulma

React.js components for Bulma

Lightweight UI components for Vue.js based on Bulma

Bulma components for Vue.js with straightforward syntax

Javascript integration for Bulma. Written in ES6 with a data-* API

A set of modal window effects with CSS transitions and animations for Bulma

Up-to-date 1:1 translation to Stylus

1:1 Stylus translation of Bulma 0.6.11

Bulma + Elm

Bulma classes prepared for usage with Elm

Bulma Customizer – Create your own bespoke Bulma build

Wrapper around Bulma for fable-react

SPA Admin Panel built with Bulma, VueJS and Laravel

Integrates Bulma with Django

Free Templates for Bulma

Another React wrap on React for Bulma.io

PureScript bindings for Bulma

Bulma themed datatable based on Vue, Laravel & JSON templates

Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design System

Automatically add Bulma classes to HTML files

Bulma pagination as a react component

Functional / Atomic CSS classes for Bulma

Bulma swatches as a react hook and a component

Starter WordPress theme for Bulma

Stateless Ractive.js Components for Bulma

Lightweight integration of Bulma and Bulma-Extensions for your Django app

Comprehensive React UI Framework written in TypeScript

Free real-world Templates built with Bulma

Super Saiyan React components, son of awesome Bulma, implemented in TypeScript

Web Components library inspired by Bulma and Bulma-extensions

Drupal theme for Bulma.

A Bulma-based Python Pelican blog theme

Access Bulma Variables in Javascript/Typescript in project using Webpack

An agnostic UI components library based on Web Components, made with Bulma & Stencil.

Library of UI components to be used in Svelte.js or standalone.

Copyright and license

Code copyright 2019 Jeremy Thomas. Code released under the MIT license.