1
使用 HTML5 doctype
<!DOCTYPE html>Bulma 是一个 CSS 库。 这意味着它提供 CSS 类来帮助您设置 HTML 代码的样式。
要使用 Bulma，您可以选择
- 使用预编译的
.css文件之一 - 或安装
.scss文件，以便您可以根据需要自定义 Bulma
赞助
Bulma 概览
您只需要 1 个 CSS 文件即可使用 Bulma
代码要求 #
为了使 Bulma 正常工作，您需要使您的网页具有响应性。
2
添加响应式视口元标记
<meta name="viewport" content="width=device-width, initial-scale=1">快速开始模板 #
如果您想立即开始，可以使用此 HTML 快速开始模板。 只需将此代码复制/粘贴到文件中并将其保存在您的计算机上。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello Bulma!</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/[email protected]/css/bulma.min.css">
</head>
<body>
<section class="section">
<div class="container">
<h1 class="title">
Hello World
</h1>
<p class="subtitle">
My first website with <strong>Bulma</strong>!
</p>
</div>
</section>
</body>
</html>
