3.基本用法：

3.1整体框架-12栅格系统

bootstrap的核心是12栅格系统。 12栅格系统就是把网页的内容区域按照宽度平分为12份，网页开发人员可以自由按份组合，方便网页的布局，使排版看起来整齐规范。

bootstarp提供了一个名为container的样式容器 .container是一个自动居中，高度自适应的样式。用.container作为网页内容最外层的div样式，可以轻松的实现12栅格的网页布局。 并且，这种12栅格系统是根据屏幕大小自适应的，.container会自动根据屏幕大小调整总宽度和栅格的平均宽度。

col-lg-n 最大列宽95px 在>=1200px像素的情况下将.container12等分 每份宽度95px 其余情况宽度为100%

col-md-n 最大宽度78px; 在>=992px像素的情况下将.container12等分 其余情况100%

col-sm-n 最大列宽60px 在>=768px像素的情况下将.container12等分 其余情况100%

col-xs-n 列宽根据视口大小12等分 在任何尺寸的屏幕下都将.container 12等分

3.2基础样式

（1）Bootstrap的h1-h6样式取消了加粗，重新定义了上下外边距 h1-h3 margin-top:20px; margin-bottom-10px; H3-h6 margin-top:10px; margin-bottom-10px;

（2）定义了4个对齐方式的样式，分别是.text-left, .text-center, .text-right,.text-justify .text-justify 英文字母的两端对齐

（3）Bootstrap提供了五种默认的颜色样式，-primary 重点蓝， -success成功绿，-info信息蓝 -warning 警告橙，-danger危险红

3.3btn组件+btn-group

}

}

var previewJson = preList;

// 与上面 预览图片json数据组 对应的config数据

var preConfigList = new Array();

for ( var i = 0; i < reData.length; i++) {

var array_element = reData[i];

var tjson = {caption: array_element.fileIdFile.fileName, // 展示的文件名

width: '120px',

url: '/eim/project/deleteFile.do', // 删除url

key: array_element.id, // 删除是Ajax向后台传递的参数

extra: {id: 100}

};

preConfigList[i] = tjson;

}

// 具体参数自行查询

$('#testlogo').fileinput({

uploadUrl: '/eim/upload/uploadFile.do',

uploadAsync:true,

showCaption: true,

showUpload: true,//是否显示上传按钮

showRemove: false,//是否显示删除按钮

showCaption: true,//是否显示输入框

showPreview:true,

showCancel:true,

dropZoneEnabled: false,

maxFileCount: 10,

initialPreviewShowDelete:true,

msgFilesTooMany: "选择上传的文件数量 超过允许的最大数值！",

initialPreview: previewJson,

previewFileIcon: '',

allowedPreviewTypes: ['image'],

previewFileIconSettings: {

'docx': '',

'xlsx': '',

'pptx': '',