编程

Bulma CSS 框架

5782 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