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

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

https://bulma.io/

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

demo 效果，股价计算器

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 选择按钮。

微信关注我哦 👍

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式