探客时代
Bulma
Modern CSS framework based on Flexbox
README
Bulma is a modern CSS framework based on Flexbox.
[
][npm-link] [
][npm-link] 
Quick install
Bulma is constantly in development! Try it out now:
NPM
- ```sh
- npm install bulma
- ```
or
Yarn
- ```sh
- yarn add bulma
- ```
Bower
- ```sh
- bower install bulma
- ```
Import
After installation, you can import the CSS file into your project using this snippet:
- ```sh
- @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 withrecent versions of:
- Chrome
- Edge
- Firefox
- Opera
- Safari
Internet Explorer (10+) is only partially supported.
Documentation
Browse the online documentation here.
Related projects
| Project | Description |
|---|---|
| ----------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
| [Bulma | Adds |
| [Bulma | Integrates |
| [BulmaRazor](https://github.com/loogn/bulmarazor) | A |
| [Vue | Vue |
| [Bulmaswatch](https://github.com/jenil/bulmaswatch) | Free |
| [Goldfish | Vault |
| [ember-bulma](https://github.com/open-tux/ember-bulma) | Ember |
| [Bloomer](https://bloomer.js.org) | A |
| [React-bulma](https://github.com/kulakowka/react-bulma) | React.js |
| [Buefy](https://buefy.org/) | Lightweight |
| [vue-bulma-components](https://github.com/vouill/vue-bulma-components) | Bulma |
| [BulmaJS](https://github.com/VizuaaLOG/BulmaJS) | Javascript |
| [Bulma-modal-fx](https://github.com/postare/bulma-modal-fx) | A |
| [Bulma | Up-to-date |
| [Bulma.styl | 1:1 |
| [elm-bulma](https://github.com/surprisetalk/elm-bulma) | Bulma |
| [elm-bulma-classes](https://github.com/ahstro/elm-bulma-classes) | Bulma |
| [Bulma | Bulma |
| [Fulma](https://fulma.github.io/Fulma/) | Wrapper |
| [Laravel | SPA |
| [Django | Integrates |
| [Bulma | Free |
| [React | Another |
| [purescript-bulma](https://github.com/sectore/purescript-bulma) | PureScript |
| [Vue | Bulma |
| [bulma-fluent](https://mubaidr.github.io/bulma-fluent/) | Fluent |
| [csskrt-csskrt](https://github.com/4d11/csskrt-csskrt) | Automatically |
| [bulma-pagination-react](https://github.com/hipstersmoothie/bulma-pagination-react) | Bulma |
| [bulma-helpers](https://github.com/jmaczan/bulma-helpers) | Functional |
| [bulma-swatch-hook](https://github.com/hipstersmoothie/bulma-swatch-hook) | Bulma |
| [BulmaWP | Starter |
| [Ralma](https://github.com/aldi/ralma) | Stateless |
| [Django | Lightweight |
| [rbx](https://dfee.github.io/rbx) | Comprehensive |
| [Awesome | Free |
| [Trunx](http://g14n.info/trunx) | Super |
| [@aybolit/bulma](https://github.com/web-padawan/aybolit/tree/master/packages/bulma) | Web |
| [Drulma](https://www.drupal.org/project/drulma) | Drupal |
| [Bulrush](https://github.com/textbook/bulrush) | A |
| [Bulma | Access |
| [Bulmil](https://github.com/gomah/bulmil) | An |
| [Svelte | Library |
| [Bulma | Starterkit |
| [Bulma-Social](https://github.com/aldi/bulma-social) | Social |
| [Divjoy](https://divjoy.com/?kit=bulma) | React |
| [Blazorise](https://github.com/Megabit/Blazorise) | Blazor |
| [Oruga-Bulma](https://github.com/oruga-ui/theme-bulma) | Bulma |
| [@bulvar/bulma](https://github.com/daniil4udo/bulvar/tree/master/packages/bulma) | Bulma |
| [@angular-bulma](https://quinnjr.github.io/angular-bulma) | [Angular](https://angular.io/) |
| [Bulma | CSS |
Copyright and license 
Code copyright 2022 Jeremy Thomas. Code released under the MIT license.
[npm-link]: https://www.npmjs.com/package/bulma
[awesome-link]: https://github.com/awesome-css-group/awesome-css
[awesome-badge]: https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg
