标签:Bulma

HTML5

css-gridish 教程

herman 2年前 (2018-01-25) 893浏览 0评论

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

HTML5

Bulma 定制开发

herman 2年前 (2017-10-24) 1066浏览 0评论

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

HTML5

详解 Bulma 文字、颜色、字体

herman 2年前 (2017-10-24) 1466浏览 0评论

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

HTML5

Bulma 响应式布局

herman 2年前 (2017-10-24) 1555浏览 0评论

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

HTML5

Bulma 框架网格体系(原理)

herman 2年前 (2017-10-24) 1648浏览 0评论

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

HTML5

Bulma 框架教程

herman 2年前 (2017-10-24) 2942浏览 0评论

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

HTML5

Bulma 简介

herman 2年前 (2017-10-24) 1520浏览 0评论

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