Bulma 简介

Bulma 是一个基于 Flexbox 的现代化的 CSS 框架，设计的初衷就是移动优先（Mobile First），模块化设计，可以轻松用来实现各种简单或者复制的内容布局，浏览器支持：浏览器支持：Chrome、Edge、Firefox、Internet Explorer (10+)、Opera 以及 Safari。

网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。

Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架 Bulma。有了它，即使完全不懂 CSS，也可以轻而易举做出美观的网页。

Bulma 框架最大的特点，就是简单好用。所有样式都基于class，只需为 HTML 元素指定class，样式立刻生效。

<a class="button is-primary is-large">Login</a>

上面代码中，a 元素只需加上几个class，就会出现一个主色调（is-primary）的大（is-large）按钮。

Bulma 是一个手机优先的框架，提供五个宽度断点，具有良好的自适应特性，可以随心所欲为不同设备设置不同样式。

• mobile：小于等于768px
• tablet：大于等于769px
• desktop：大于等于1024px
• widescreen：大于等于1216px
• fullhd：大于等于1408px

它提供二十多种常用组件，比如表单 、表格、图标、面包屑、菜单、导航、Modal 窗口等等。简单的网站，可以不用写任何 CSS 代码。

后面我们会推出 Bulma 教程的一系列文章。

： » Bulma 简介