推薦一款輕量化、易用的css框架bulma.css

• 2019 年 11 月 5 日
• 筆記

css框架推薦

# 簡介

最大的特點:簡單好用 提供二十多種常用組件，比如表單 、表格、圖標、麵包屑、菜單、導航、Modal 窗口等等。簡單的網站，可以不用寫任何 CSS 程式碼。

# 基本用法

<link rel="stylesheet" href="css/bulma.min.css"/>    <a class="button">Button</a>

修飾類都是以is-或has-開頭。 改變 Button 的大小:

<a class="button is-small">Small</a>  <a class="button">Normal</a>  <a class="button is-medium">Medium</a>  <a class="button is-large">Large</a>

# 響應式布局

前面說過，Bulma 有五個寬度斷點，分別是 mobile（手機）、tablet（平板）、desktop（桌面）、widescreen（寬屏）、fullHD（高清）

git地址:https://github.com/jgthms/bulma/