发布于 2026-01-06 6 阅读
0

Bulma CSS - 开源组件

Bulma CSS - 开源组件

你好,程序员,

如果你在开发中使用Bulma CSS,不妨花几分钟时间了解一下这个开源库。它包含 50 多个使用 Bulma 样式化的组件,并以 MIT 许可证发布。你以前用过Bulma CSS吗?不妨阅读这篇专为初学者编写的简短教程,了解更多信息

感谢阅读! - 内容由App Generator提供


Bulma CSS 组件 - 管理仪表盘。


盒子里装的是什么?

组件按视觉可用性标准(页脚、主图、导航栏等)分组,并直接在 Bulma 之上以pug模板进行样式设置(无需 Javascript 依赖),这使得它们非常容易扩展和自定义。


如何使用该项目

要使用Bulma 组件项目及其组件,只需输入:

# Clone the repo
$ git clone https://github.com/bulma-css-templates/bulma-components.git
$ cd bulma-components

# Install dependencies
$ yarn

# Run dev server with live preview (Browsersync)
$ yarn start 

# Or make a production build
yarn build
Enter fullscreen mode Exit fullscreen mode

成分

以下是组件库的简要列表,要查看完整的组件库,请访问Bulma CSS - Components在线商店。


屏幕截图

Bulma CSS 组件 - 电子商务。

Bulma CSS 组件 - 页脚。

Bulma CSS 组件 - CTA。


链接


谢谢你!

文章来源:https://dev.to/sm0ke/bulma-css-open-source-components-1ahm