什么是 Bootstrap

17 Mar 2025 | 阅读 2 分钟
  • Bootstrap 是用于开发响应式和移动友好网站的最流行的 HTML、CSS 和 JavaScript 框架。
  • 它完全免费下载和使用。
  • 它是一个前端框架,用于更轻松、更快速的 Web 开发。
  • 它包括基于 HTML 和 CSS 的设计模板,用于排版、表单、按钮、表格、导航、模态框、图像轮播等。
  • 它还可以使用 JavaScript 插件。
  • 它方便您创建响应式设计。
What is Bootstrap

Bootstrap 的历史

Bootstrap 由 Mark Otto 和 Jacob Thornton 在 Twitter 上开发。它于 2011 年 8 月作为开源产品在 GitHub 上发布。

2014 年 6 月,Bootstrap 是 GitHub 上的头号项目。


为什么使用 Bootstrap

以下是 Bootstrap 的主要优势

  • 它非常容易使用。 任何具有 HTML 和 CSS 基本知识的人都可以使用 Bootstrap。
  • 它方便用户开发响应式网站。
  • 它与大多数浏览器兼容,例如 Chrome、Firefox、Internet Explorer、Safari 和 Opera 等。

什么是响应式网站

一个网站被称为响应式网站,它可以自动调整自身以在所有设备上看起来不错,从智能手机到台式机等。


Bootstrap 包包含什么

Scaffolding(脚手架): Bootstrap 提供了一个基本结构,包括网格系统、链接样式和背景。

CSS: Bootstrap 具有全局 CSS 设置、基本 HTML 元素样式和高级网格系统的功能。

组件: Bootstrap 包含许多可重用的组件,旨在提供图标、下拉菜单、导航、警报、弹出窗口等。

JavaScript 插件: Bootstrap 还包含许多自定义的 jQuery 插件。 您可以轻松地将它们全部或逐个包含进来。

自定义: Bootstrap 组件是可自定义的,您可以自定义 Bootstrap 的组件、LESS 变量和 jQuery 插件以获得自己的风格。


什么是 Bootstrap 4?

Bootstrap 是 Bootstrap 的最新版本。 它是用于开发响应式、移动优先网站的最流行的 HTML、CSS、JavaScript 框架。


Bootstrap 3 与 Bootstrap 4

Bootstrap 4 有一些新组件、更快的样式表、更多按钮、效果以及更高的响应能力。

Bootstrap 4 支持所有主要浏览器和平台的一些最新、稳定的版本。

注意:Bootstrap 4 不支持 Internet Explorer 9 及更低版本。 尽管 Internet Explorer 8-9 支持 Bootstrap 3。 因此,如果您有 Internet Explorer 8-9,您应该使用 Bootstrap 3。 Bootstrap 3 是 Bootstrap 最稳定的版本,并且仍然由团队支持以进行关键的错误修复和文档更改。


Bootstrap 最好吗?

Bootstrap 对于创建响应式和移动优先网站非常有效,但它并不是业界最好的。 有一个 Bootstrap 的替代方案名为 W3.CSS,它更小、更快、更容易使用。


下一主题Bootstrap 示例