Bootstrap 中文手册

收藏(6)分享
阅读(19916)更新时间(2016-10-17)

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的一些高级功能,如创建模态窗口,动态选项卡,工具提示,警报,手风琴菜单,轮播,滚动等,以及如何使用可用选项和方法自定义它们或扩展其现有功能。

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