推荐一款轻量化、易用的css框架bulma.css

2019-10-21 21:49:26

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/

本文链接:
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-ND 3.0 许可协议。可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。

扫描下方二维码阅读当前文章

浏览器、微信扫码
微信小程序

评 论:

好文推荐
极客之路公众号
加入两百人技术交流群
探讨前端、小程序开发及逆向、微信开发...
一起学习,共同成长
添加博主微信备注"加群"
小程序&uniapp逆向服务群(付费)
适用于原生小程序及基于uniapp开发的小程序
反混淆源码 + 还原为易读vue代码
添加助手微信拉你进群
专属定制服务,降低您的开发成本
微信情报 更多 >
    每天进步一点点~