Bootstrap 教程



  • 什么是 Bootstrap

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

    什么是响应式网页设计?

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

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

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

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