Bootstrap
getbootstrap.com又名 Bootstrap 5、Bootstrap 6、Bootstrap 官方文档
开源前端设计系统,提供十二列响应式栅格、按钮导航模态框等预置组件和可单独引入的 JavaScript 插件,并用 Sass 变量统一调主题,适合要快速搭出后台界面或营销页的前端开发者。
工具免费不用登录网页英文开源国内可直接访问
Bootstrap 是一套开源的前端设计系统,用 HTML、CSS 和 JavaScript 写成。做网页时,按钮、导航栏、弹窗、表单这些基础件不用从零画,直接拿它的类名套上去就能用。它最出名的是栅格系统:把一行分成十二列,写几个类名就能排出响应式布局,手机和桌面各显示各的。
样式可以用 Sass 变量改,主题色、圆角、间距都能统一调。JavaScript 部分提供下拉菜单、模态框、轮播、折叠面板等插件,挂上 data 属性就能跑,不强制绑定某个框架。
主要功能
- 十二列栅格与断点,按屏幕宽度自动换行
- 预置组件:按钮、卡片、导航、表单、提示框、模态框
- 用 Sass 变量和 mixin 定制主题
- JavaScript 插件,可单独引入也可整包引入
适合谁
适合要快速搭出后台界面、营销页、原型的前端开发者,也适合不太想碰 CSS 细节的后端或独立开发者。它不挑框架,和 React、Vue 之类搭配也能用,只是组件本身不带框架逻辑。
版本与限制
页面当前标注的版本是 v6.0.0-alpha.1,属于 6.0 的 Alpha 阶段;稳定版仍在 5.3.x,旧项目多数还停在 5.x 或 4.x。代码以 MIT 协议开源,文档是 CC BY 3.0。用之前要留意版本差异:6.0 重写了主题机制,从 5.x 迁过去需要按迁移文档改。另外它给的是通用样式,想要很独特的视觉,还是得自己写不少 CSS。
常见问题
Bootstrap 收费吗?
Bootstrap 免费使用。
用 Bootstrap 要登录吗?
不用登录就能用。
Bootstrap 国内能访问吗?
本站 11 月 8 日 检测,Bootstrap 在国内可以直接访问。
Bootstrap 有哪些平台 / App?
支持 网页。
Bootstrap 的替代品有哪些?
本站整理了 6 个替代品,例如 Tailwind CSS、Tabler、Ant Design、MUI。