这个Bootstrap 主题UI用起来太爽了！
站长
· 阅读数 52
大家好，我是「前端实验室」爱分享的了不起~
激活开源项目地址：Rain/idea-jihuo (gitee.com)
FastBootstrap 是一个前端 UI 框架，由知名软件开发商 Atlassian 出品，精心设计、开发并且维护的免费开源的 Bootstrap 主题，这是一款以 Bootstrap 为基础的 UI 框架。
提供了大量的组件、模板和开发工具，能够帮助我们快速构建出响应式、现代化的 web 应用。
使用过Bootstrap 的小伙伴都知道，Bootstrap 有着强大的响应式机制，FastBootstrap 基于 Bootstrap 提供了大量用于创建响应式布局的工具和组件，可以快速的创建出自动适应各种桌面、手机和平板屏幕尺寸的界面。
FastBootstrap UI组件
FastBootstrap 提供了大量的组件，如按钮、表单、导航栏、卡片、弹出框等等，我们常用的基本支持，使用起来也非常的简单方便，能过帮助我们快速创建出各种功能页面。
下载安装
CSS样式和JS文件引入
CSS样式文件引入<link href="https://cdn.jsdelivr.net/npm/fastbootstrap@2.2.0/dist/css/fastbootstrap.min.css" rel="stylesheet" integrity="sha256-V6lu+OdYNKTKTsVFBuQsyIlDiRWiOmtC8VQ8Lzdm2i4=" crossorigin="anonymous">
JS文件引入<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
当然你也可以下载到本地项目中直接引入，比如：
<!doctype html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>FastBootstrap 演示项目</title> <link href="test/css/fastbootstrap.min.css" rel="stylesheet"> </head> <body> <h1>开始使用 FastbootStrap!</h1> <script src="test/js/fastbootstrap.min.js"></script> </body></html>
组件使用
可以看到使用起来很方便，你可以根据项目的需求，添加各种组件来构建界面。
<button type="button" class="btn btn-default">默认按钮</button><button type="button" class="btn btn-default" disabled>禁用</button><button type="button" class="btn btn-default active">选择</button>
FastBootstrap 是一个免费开源的前端框架，大家喜欢的可以自行尝试体验一番。
官方地址：fastbootstrap.com/
Github地址：github.com/fastbootstr…
转载自:https://juejin.cn/post/7352075796712308762