当前标签 / 网格布局 / 总共1篇

CSS 框架 Bulma 中文文档（翻译）

· 大约 900 个字 · 预计 4 分钟 读完
Web前端 · 框架
CSS · 框架 · Bulma · scss · 网格布局 · 响应式

前言

网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架Bulma。有了它，即使完全不懂 CSS，也可以轻而易举做出美观的网页。

Get Start

我们可以使用多种方式来引入并使用bulma:

npm install bulma

OR

使用CDN的方式：https://cdnjs.com/libraries/bulma

OR

下载css样式并引入，下载地址：https://github.com/jgthms/bulma/tree/master/css

如果你要使用图标请记得引入fontawesome

<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>

引入后还需要一些HTML格式上的要求：

  1. 使用HTML5 Doctype

    <!DOCTYPE html>

  2. 设置viewport Meta标签

    <meta name="viewport" content="width=device-width, initial-scale=1">

阅读更多