下一节:

  Bootstrap 教程

  • 什么是 Bootstrap

    Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。
    Bootstrap 包括用于排版，表单，按钮，表格，导航，模态，图像轮播等的基于 HTML 和 CSS 的设计模板，以及可选的JavaScript 插件
    Bootstrap 还使您能够轻松创建响应式设计

    什么是响应式网页设计？

    Bootstrap
    响应式网页设计是关于创建网站的网站，该网站会自动调整自身，使其在从小型电话到大型台式机的所有设备上都保持良好外观。
    本教程示例使用目前最新的 Bootstrap 4.x 版本来写

  • 为什么要使用 Bootstrap

    Bootstrap 的优点：
    • 易于使用：仅具有HTML和CSS基本知识的任何人都可以开始使用 Bootstrap
    • 自适应功能：Bootstrap 的自适应 CSS 可以适应手机，平板电脑和台式机
    • 移动优先的方法：在 Bootstrap 中，移动优先的样式是核心框架的一部分
    • 浏览器兼容性：Bootstrap4 与所有现代浏览器（Chrome，Firefox，Internet Explorer 10 +，Edge，Safari和Opera）兼容。

  • Bootstrap 版本对比

    Bootstrap 4 是 Bootstrap 目前最新的版本； 带有新组件，更快的样式表和更快的响应速度。
    Bootstrap 4 支持所有主要浏览器和平台的最新，稳定版本。 但是，不支持 Internet Explorer 9 及更低版本。
    如果需要 IE8-9 支持，请使用Bootstrap3。Bootstrap3 是 Bootstrap 的一个稳定的版本，团队仍然支持它进行重要的错误修正和文档更改。 但是，不会添加任何新功能。
    注意：Bootstrap 4 删除图标支持，不再支持 BS3 Glyphicons 图标库。 请改用 Font-Awesome 或其他图标库。

  • 学习 Bootstrap 的先决条件

    在继续本教程之前，你需要了解以下的基础知识：

  • Bootstrap 手册

下一节: