当前位置:首页>Bootstrap>Bootstrap教程

Bootstrap教程

作者:微学网发布时间:2019-08-10 21:29:12

什么是Bootstrap

Bootstrap是美国Twitter公司的开发团队基于HTMLCSSJavaScript 开发的简洁、直观、强悍的前端开发框架,是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。

Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 app 。

本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松地创建 Web 项目。

在进行网站前端开发的过程中,最麻烦的问题就是一套代码需要同时适应多种分辨率的显示器,也就是响应式布局。

而Bootstrap在开始被设计的时候就是针对解决这种问题的,所以它使得网站开发更加快捷。

同时它还具有很多其它的优点,比如已经内置了很多常用插件,如轮播插件、选项卡插件、各种弹出框等等,这在开发的过程中也为我们节省了很多重复造轮子的时间。

为什么产生Bootstrap

简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。

Bootstrap包含的组件

Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:

  • 下拉菜单

  • 按钮组

  • 按钮下拉菜单

  • 导航

  • 导航条

  • 路径导航

  • 分页

  • 排版

  • 缩略图

  • 图片轮播

  • 进度条

  • 媒体对象

谁适合阅读本教程?

只要您具备 HTML 和 CSS 的基础知识,您就可以阅读本教程,进而开发出自己的网站。在您学习完本教程后,您即可达到使用 Bootstrap 开发 Web 项目的中等水平。

阅读本教程前,您需要了解的知识:

在您开始阅读本教程之前,您必须具备 HTML 、 CSS 和 JavaScript 的基础知识。如果您还不了解这些概念,那么建议您先阅读我们的这些教程

  • HTML

  • CSS

  • JavaScript

官方网址

Twitter Bootstrap官方网址:https://getbootstrap.com