编程

Bulma CSS 框架

347 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