Bootstrap响应式Web开发-初识Bootstrap.pdf

第1章 初识Bootstrap 《Bootstrap响应式Web开发 》 学习目标/Target 掌握Bootstrap地概念,特点和组成 了解PC端浏览器与移动端浏览器地区别 熟悉Visual Studio Code编辑器地使用 熟悉移动Web开发地主流方案 章节概述/ Summary Bootstrap是一款非常优秀地Web前端框架,其灵活性与可扩 性加速了响应式页面开发 地进程。Bootstrap遵循移动优先地原则,在开源之后迅速受到开发人员地追捧,推动了响 应式技术地发 。为了让读者对 Bootstrap有一个初步地认识,本章将会对 Boostrap地基 本概念,浏览器,Visual Studio Code编辑器,以和移动Web开发主流方案进行详细地讲解。 目录 /Contents 01 Bootstrap概述 02 浏览器 03 Visual Studio Code编辑器 04 移动 Web开发主流方案 1.1 Bootstrap概述 1.1.1 什么是Bootstrap Bootstrap是一个基于HTML,CSS与JavaScript语言编写地框 ,具有简单,灵活地特性, 拥有样式库,组件与插件。 Bootstrap常用来开发响应式布局与移动设备优先地Web项目,可以帮助开发者快速搭建前端 页面。 Bootstrap框 1.1.2 Bootstrap地特点 Bootstrap框架地特点： 丰富地组件 响应式设计 移动设备优先 浏览器支持 低成本,易上手 CSS预编译 框架成熟 1.1.3 Bootstrap地组成 Bootstrap框架地组成： 基本结构 CSS样式库 Bootstrap提供了一个带 Bootstrap自带了全局地CSS样 有网格系统,链接样式,背 式,并预先定义了基本地HTML元 景地基本结构 素样式,可扩展地class Bootstrap 地组成 插件 布局组件 Bootstrap提 供 了 一 些 基 于 Bootstrap包含了丰富地 jQuery （一 个 用 于 简 化 组件库,提供了十几个可重 JavaScript编程地库 ）构