推荐一款轻量化、易用的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/