BootStrap框架

简介：

　　Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言less写成。Bootstrap一经推出后颇受欢迎，国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

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

下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航，分页、排版、缩略图、警告对话框、进度条、媒体对象等。

布局方式：

　　BootStrap框架兼容的是IE8以上的版本，（适合企业管理网站，比较方正，不适合互联网）。
    BootStrap框架采用的是栅格式布局，12格，每列的距离用百分比，以适应不同的屏幕，格子与格子的间距为30px;

使用流程:

　　1.到bootstrap官方网站下载，对于我们开发者来说，直接下载编译和压缩后的CSS、JavaScript文件，另外还包含字体文件，但是不包含文档和源码文件。打开解压包之后可以发现包含三个文件夹 css、fonts、js。这是最基本的Bootstrap组织形式：未压缩版的文件可以在任意web项目中直接使用。我们提供了压缩(bootstrap.min.*)与未压缩 (bootstrap.*)的CSS和JS文件。

　　2.所有Bootstrap插件都依赖jQuery。而且在正式的项目当中推荐使用压缩之后的版本，因为它的体积很小，到官网下载jQuery支持.

　　3.将下载后的就jQuery放到bootstrap中的js目录下

　　4.在bootstrap的根目录下新建一个html文件，把bootstrap框架中的css和js文件链接到创建的HTML文件中（注意，必须在根目录下面新建）。

　　5.编辑html文件，添加对bootstrap框架中css和js的引用，这样，我们就基本上建立了对bootstrap框架的基本使用架构。

　　在使用过程中，我们需要什么组件，就直接参照官方下载提供的使用方法即可

简单的几个语法：

　　.container{
        width:1000px !important
        }
    //container为我们要布置的内容区域，可以并列存在多个，但是不能嵌套。
    row:行
    col-xs-num//num为数字1——12，此行的意义是定义元素所占的宽度
    col-xs-push-num//num为数字,把元素向右推num格，不会影响原先排在他后面的元素
    col-xs-pull-num//num为数字,把元素向左推num格，不会影响原先排在他前面的元素
    col-xs-offset-num//把元素及右边的元素一起向右推num格。

     嵌套的规则：
    行套列，列套行，不能行套行，列套列。
    
    使用BootStrap框架，只需要找到自己想要的代码，在自己页面中改变class值即可。