编程

Bulma CSS 框架

945 2023-04-19 05:45:00

Bulma 是一个 CSS 库。这意味着它提供了 CSS 类来帮助设计 HTML 代码的样式。

要使用 Bulma,可以使用预编译的 .css 文件,也可以安装 .sass 文件,以便根据需要进行自定义。

快速安装

NPM

npm install bulma

Yarn

yarn add bulma

Bower

bower install bulma

Import

安装完成后,使用下面代码引入 CSS 文件:

@import 'bulma/css/bulma.css'

CDN

https://www.jsdelivr.com/package/npm/bulma

CSS only

Bulma 是一个 CSS 框架。因此,唯一的输出是一个 CSS 文件:bulma.CSS

您可以使用该文件,“开箱即用”,也可以下载 Sass 源文件来自定义变量。

不包含 JavaScript。人们通常希望使用自己的 JS 实现(通常已经有了)。Bulma 可以被认为是“环境不可知论者”:它只是逻辑之上的样式层。

浏览器支持

Bulma 使用 autoprefixer 使(大多数)Flexbox 功能与早期浏览器版本兼容。根据 Can I use,Bulma 与以下最新版本兼容:

  • Chrome
  • Edge
  • Firefox
  • Opera
  • Safari

Internet Explorer (10+) 只提供部分支持

 

CSS