Bluma - 一个简洁易用的 css 框架

更新日期: 2019-05-24 阅读次数: 299 字数: 185 分类: CSS

前段时间偶然发现了 bluma 这个前端样式框架,看起来比 bootstrap 要清晰简洁的多。

https://bulma.io/

正好我有个个人股票小工具的开发需求,所以决定尝试并了解一下 bluma.

container

container 用来限制宽度,居中。例如:

  • desktop 为 960
  • widescreen 1152
  • fullhd 1344

如果要全屏要加上 class is-fluid。

https://bulma.io/documentation/layout/container/

hero

英文翻译为主角,即,页面顶部的全屏 banner。

如果内容要居中显示,需要内嵌 container.

  • 七种内置颜色
  • 3 种内置高度:medium,large,fullheight。结合导航栏使用,需要特殊处理。

相对 bootstrap,bluma 的 hero 更简洁舒服,而且代码可读性更好。

File upload

漂亮的 File upload 选择按钮。

爱评论不评论

近期节日

2019年06月20日 世界难民日
2019年06月21日 夏至
2019年06月22日 中国儿童慈善活动日
2019年06月23日 国际奥林匹克日
2019年06月25日 全国土地日
2019年06月26日 国际禁毒日
2019年06月30日 世界青年联欢节
2019年07月01日 中国共产党诞生日
2019年07月01日 香港回归日
2019年07月02日 国际体育记者日
2019年07月06日 国际接吻日
2019年07月07日 抗日战争纪念日
查看更多节日