贊助商
開始
Overview
You only need 1 CSS file to use Bulma
Installation
Create your own theme with a simple set of variables
Alternative Versions
Use one of the pre-built alternative versions of Bulma
Syntax
How to use Bulma components and their alternative styles
Modularity
Just import what you need
Responsiveness
Bulma is a mobile-first framework
Migrating to v1
How to migrate to Bulma v1
功能
CSS 變數
只用 CSS 自訂
主題
Bulma 如何用 CSS 變數 設定元件樣式
深色模式
Bulma 附帶 自動深色模式
色彩盤
輸入 1 種 顏色，獲得該顏色的 數十種 不同 色調
骨架
將幾乎所有 Bulma 元件轉換為 骨架載入器，或使用其中一個預建的工具元素
Sass 工具
混入
自訂元素和其他 CSS 輔助工具的混入
回應式混入
混入，讓您為每個螢幕大小定義不同的樣式
表單控制混入
Bulma 按鈕和表單控制的 混入
延伸
Sass 延伸，讓您的 CSS 程式碼保持 DRY
自訂
概念
讓 Bulma 可自訂 的原因
使用 Sass
使用 Sass 變數自訂 Bulma
使用模組化 Sass
僅匯入您需要的部分並自訂
使用 CSS 變數
了解 Bulma 如何使用Sass 變數，讓自訂變得容易
Sass 變數清單
Bulma 定義的所有Sass變數
CSS 函式庫
欄
在簡單的介面中使用Flexbox的強大功能
格線
2 維度的版面元件
元素
僅需要單一 CSS 類別的基本介面元素
元件
進階的多元件元件，提供許多可能性
表單
不可或缺的表單控制項，設計為最大程度的清晰度
版面
使用這些 CSS 類別設計網頁的結構
幫手
Color
Change the color of the text and/or background
Color Palette
Use a color's palette as text color and/or background
Spacing
Change the size and color of the text for one or multiple viewport width
Typography
Change the size, weight, and other font properties of the text
Visibility
Show/hide content depending on the width of the viewport
Flexbox
Helpers for all Flexbox properties
Other
Other useful Bulma helpers