Repolode
提交项目
twbs

twbs/bootstrap

流行的前端框架，提供 HTML、CSS 与 JavaScript 组件，用于构建响应式、移动优先的网站。

在 GitHub 查看官网
Star
175,003
Fork
78,539
未关闭 Issue
265
最近提交
17小时前

这是什么？

Bootstrap 是一款用于构建响应式、移动优先网页的前端框架。它提供栅格系统、导航栏、模态框、表单、卡片等可复用的界面组件，以及用于间距、颜色和布局的工具类，样式基于 CSS，部分交互由 JavaScript 实现。

发行包中包含编译和压缩后的 CSS、JS 文件，同时提供 Sass 源码，可通过变量定制样式。打包的 JS 版本内置 Floating UI 和 Vanilla Calendar Pro。CSS 通过逻辑属性同时支持从左到右和从右到左的布局，只需在 HTML 元素上设置 dir="rtl" 即可切换。

本仓库是 Bootstrap 6 的开发分支，目前处于 alpha 阶段；Bootstrap 5 的源码与文档位于 v5-dev 分支。可通过 npm、Yarn、Bun、Composer、NuGet 安装，也可直接下载。

核心功能

  • 01响应式栅格系统，采用移动优先的断点设计。
  • 02内置导航栏、模态框、表单、卡片等预制组件。
  • 03提供间距、颜色、布局等工具类。
  • 04提供 Sass 源码，可定制主题变量。
  • 05CSS 通过逻辑属性同时支持左到右和右到左布局。

适用场景

  • 快速搭建响应式营销网站或落地页。
  • 使用标准组件开发后台管理界面和内部工具。
  • 为服务端渲染或静态 HTML 项目统一设计风格。

快速上手

  1. 1

    使用 npm 安装

    npm install bootstrap@6.0.0-alpha.1
  2. 2

    或使用 yarn 安装

    yarn add bootstrap@6.0.0-alpha.1
  3. 3

    或克隆仓库

    git clone https://github.com/twbs/bootstrap.git

使用前须知

  • 默认分支为 Bootstrap 6，目前处于 alpha 预发布阶段。
  • Bootstrap 5 的文档和源码位于单独的 v5-dev 分支。

标签

#css#front-end#html#javascript#sass#responsive-design#css-framework#bootstrap#scss

常见问题

bootstrap 是什么？
流行的前端框架，提供 HTML、CSS 与 JavaScript 组件，用于构建响应式、移动优先的网站。 Bootstrap 是一款用于构建响应式、移动优先网页的前端框架。它提供栅格系统、导航栏、模态框、表单、卡片等可复用的界面组件，以及用于间距、颜色和布局的工具类，样式基于 CSS，部分交互由 JavaScript 实现。
bootstrap 可以免费使用吗？用的什么许可证？
bootstrap 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
bootstrap 还在维护吗？
活跃维护中。bootstrap 最近一次提交是在 2026年10月20日。
bootstrap 适合用来做什么？
快速搭建响应式营销网站或落地页。 使用标准组件开发后台管理界面和内部工具。 为服务端渲染或静态 HTML 项目统一设计风格。
bootstrap 怎么安装和运行？
使用 npm 安装: npm install bootstrap@6.0.0-alpha.1 或使用 yarn 安装: yarn add bootstrap@6.0.0-alpha.1 或克隆仓库: git clone https://github.com/twbs/bootstrap.git
在哪里获取 bootstrap？
源代码和安装说明在 GitHub 上：https://github.com/twbs/bootstrap

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目