标签：Bulma

herman 7年前 (2018-01-25) 3156浏览 0评论

css-gridish 是 ibm 推出的一个开源的网格框架。也是最近比较流行的一个前端框架。本文介绍它的一些特点和用法。 css-gridish 能制作出和Bootstrap， Carbon Design System，Mate...

herman 7年前 (2017-10-24) 3762浏览 0评论

这个部分是高级内容，讲解如何定制 Bulma，也就是修改默认样式。Bulma 采用 Sass 语法（注意，不是 Scss 语法），所以定制的样式也必须使用 SASS。 首先，克隆或下载源码。 $ git clone https...

herman 7年前 (2017-10-24) 4959浏览 0评论

Bulma 提供7个修饰指定文字大小。可以分别的使用于移动设备，平板设备，桌面设备等。本文将讲解它们的用法。 下面是 Bulma 提供的7种可供选择尺寸： is-size-1： 3rem is-size-2： 2...

herman 7年前 (2017-10-24) 4497浏览 0评论

Bulma 提供二十多种常用组件，比如表单 、表格、图标、面包屑、菜单、导航、Modal 窗口等等。简单的网站，可以不用写任何 CSS 代码。 Bulma 有五个宽度断点，分别是 mobile（手机）、tablet（平板...

herman 7年前 (2017-10-24) 4469浏览 0评论

Bulma 的网格体系基于 Flex 布局，写起来非常容易。最简单的用法就是使用columns指定容器，使用column指定项目。 有兴趣的同学可以和 bootstrap 的网格布局对比对比。 <div class=&q...

herman 7年前 (2017-10-24) 6639浏览 0评论

前面《Bulma 简介》一文中我们对 Bulma 有了最基本的认识，本文将介绍它 Bulma 的基本用法。 网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。而 Bulma 就是一款这样的框架。 Bulma 的安装...

herman 7年前 (2017-10-24) 5995浏览 0评论

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