Web前端 — Bootstrap（1）

Bootstrap本次知识点：

1.Bootstrap简介

2.什么是Bootstrap

3.为什么使用Bootstrap

4.Bootstrap的结构

5.BootStrap的基本模板

1.Bootstrap简介

Bootstrap,来自Twitter（全国最大的微博 ）的两名技术工程师研发的一个基于HTML、CSS、JavaScript的开源框架，是目前最受欢迎的前端框架。该框架代码简洁、视觉优美，可用于快速、简单地构建于PC及移动端设备的Web页面需求。

Bootstrap下载及演示：

国内文档翻译官网：http://www.bootcss.com/

瓢城Web俱乐部官网：http://www.ycku.com/

2.什么是Bootstrap

Bootstrap是基于HTML、CSS、JAVASCRIPT的开源前端框架，它简洁、直观、强悍、灵活，使得Web开发更加快捷，用于开发响应式布局、移动设备优先的WEB项目。

3.为什么使用Bootstrap

为什么使用Bootstrap？

（1）跨设备：自Bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式。

（2）跨浏览器：（chrome、IE9以上、Firefox、Safari、Opera……）所有的主浏览器都支持Bootstrap。

（3）响应式布局：Bootstrap的响应式CSS能够自适应于台式机、平板电脑和手机。

（4）具有实用性强的组件：Bootstrap的[HTML组件]和[JS组件]非常丰富，并且代码简洁，非常易于修改，你完全可以在其基础上修改成自己想要的任何样子。这是工作效率的极大提高。

（5）内置jQuery插件：Bootstrap的插件开发模式和javascript的开发模式很相似，先定义一个类，实现主体功能，然后是个Plugin函数，再把这个函数扩展到JQuery上原型上，最后委托的方式给特定元素绑定事件。

（6）删格系统：可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现良好。实现这个功能依赖两个东西，一个是view,另一个是 max-width，min-width。

4.Bootstrap的结构

Bootstrap的结构，主要分为三大核心模块：css（样式） 、js（脚本）、 font（字体）。

css（样式）：目录中有四个css后缀的文件，其中包含min字样的，是压缩版本，一般使用这个；不包含的属于没有压缩的，可以学习了解css代码的文件；而map后缀的文件则是css源码映射表，在一些特定的浏览器工具中使用。

js（脚本）：目录包含两个文件，是未压缩和压缩的js文件。

font（字体）：目录包含了不同后缀的字体文件。

5.Bootstrap的基本模板

Bootstrap的基本模板，如下代码：

作者：Roger_CoderLife

链接：https://blog.csdn.net/Roger_CoderLife/article/details/80331937

本文为Roger_CoderLife的原创文章，著作权归作者所有，转载请注明原文出处，欢迎转载！