Bootstrap 中文手册

您将会学到

Bootstrap是最流行和最强大的前端（HTML，CSS和JavaScript）框架，可以更快，更轻松地做响应式（自适应）Web开发。

Bootstrap简介

Bootstrap最初是由Twitter的设计师和开发人员在2010年中期创建的。在成为开源框架之前，Bootstrap被称为Twitter蓝图。

Bootstrap是一个功能强大的前端框架，可以更快，更轻松地进行Web开发。它包括基于HTML和CSS的设计模板，用于创建常见的用户界面组件，如表单，按钮，导航，下拉菜单，警报，模态，选项卡，手风琴，轮播，工具提示等。

使用Bootstrap可以节省大量的时间和精力。

注意：默认情况下，Bootstrap 4具有响应性，采用移动优先方法。Bootstrap 4.3是Bootstrap最新，最稳定的版本。所有主要的现代浏览器都支持Bootstrap 4，例如Google Chrome，Firefox，Safari，Internet Explorer 10及更高版本等。

你可以用Bootstrap做什么

• 你可以用Bootstrap做更多的事情。

• 您可以轻松创建响应式网站。

• 您可以使用预定义的类快速创建多列布局。

• 您可以快速创建不同类型的表单布局。

• 您可以快速创建不同的导航栏变体。

• 您可以轻松创建手风琴，模态等组件，而无需编写任何JS代码。

• 您可以轻松创建动态选项卡来管理大量内容。

• 您可以轻松创建工具提示和弹出窗口以显示提示文本。

• 您可以轻松创建轮播或图像滑块来展示您的内容。

• 您可以快速创建不同类型的警报框。

其实远远不止这些，你可以用Bootstrap做很多其他有趣的事情。您将在后续章节中详细了解所有这些内容。

使用Bootstrap的优点

如果您对任何前端框架有过一些经验，那么您可能想知道是什么让Bootstrap如此特别。以下是为什么应该选择Bootstrap框架的一些优点：

• 节省大量时间 - 使用Bootstrap预定义设计模板和类可以节省大量时间和精力，并专注于其他开发工作。

• 响应功能 - 使用Bootstrap，您可以轻松创建在不同设备和屏幕分辨率上更合适的响应式网站，而无需更改标记。

• 一致的设计 - 所有Bootstrap组件通过中央库共享相同的设计模板和样式，因此网页的设计和布局将保持一致。

• 易于使用 - Bootstrap非常易于使用。任何具有HTML，CSS和JavaScript基本工作知识的人都可以使用Bootstrap开始开发。

• 兼容浏览器 - Bootstrap是在考虑现代Web浏览器的情况下创建的，它与所有现代浏览器兼容，如Chrome，Firefox，Safari，Internet Explorer等。

• 开源 - 最好的部分是，它可以完全免费下载和使用。

本教程涵盖的内容

这个Bootstrap教程系列涵盖了Bootstrap框架的所有功能，从基础知识开始，例如网格系统，排版样式机制，表单样式方法，以及样式化常用用户界面元素（如表，列表，图像等）的技术。

此外，您将学习如何利用随时可用的Bootstrap组件，如输入组，按钮组，媒体对象，导航栏，面板，分页，标签和徽章，进度条等，以及如何自定义它们以创建不同的变化。

最后，您将探索Bootstrap的一些高级功能，如创建模态窗口，动态选项卡，工具提示，警报，手风琴菜单，轮播，滚动等，以及如何使用可用选项和方法自定义它们或扩展其现有功能。

在您学习本课程之前，请先学习

• HTML教程

• CSS教程

• JAVASCRIPT教程