专栏首页喵君手记推荐一款轻量化、易用的css框架bulma.css

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

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/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 宝塔破解方法

    3.完成后,进入 /www/server/panel/class 修改 common.py 文件 在164行下面添加如下代码:

    薛定喵君
  • 小程序formid埋点

    只有form提交的时候才会有formId,这样用户的formId可能数量比较少,不能实现发送很多微信模板消息。所以要用伪装表单的方式来实现获取formId。

    薛定喵君
  • 网站图片优化

    用 MozJPEG 压缩 jpeg 1.npm install imagemin-mozjpeg 2.以下内容添加到 imagemin.js 中

    薛定喵君
  • PWA程序实践

    用户1907613
  • 镁客网每周硬科技领域投融资汇总(10.09-10.14)

    镁客网
  • 镁客网每周硬科技领域投融资汇总

    镁客网
  • java web部署 启动线程 (监听socket等)

    用户1258909
  • androidannotions开发框架在Eclipse中的配置

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/de...

    用户3056046
  • Vue中的Observable()

    随着组件的细化,就会遇到多组件状态共享的情况, Vuex当然可以解决这类问题,不过就像 Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用...

    刘亦枫
  • Spring Boot(四):如何优雅的使用 Mybatis

    Orm框架的本质是简化编程中操作数据库的编码,发展到现在,基本上就剩宣称不用谢一句sql的hibernate,一个是可以灵活调试动态sql的mybatis,两者...

    会呼吸的Coder

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动