Bootstrap学习笔记.docx

Bootstrap学习笔记CSS样式CSS样式栅格系统栅格系统Class=”container”：将组件定义为970px宽，左右居中，左右各有15px的内边距.一行分为12列div class=rowdiv class=col-md-12h3bootstrap col-md-12栅格系统/h3pbootstrap col-md-12栅格系统bootstrap col-md-12/p/divdiv class=col-md-4pbootstrap col-md-12栅格系统bootstrap col-md-12/p/divdiv class=col-md-4pbootstrap col-md-12栅格系统bootstrap col-md-12/p/divdiv class=col-md-4pbootstrap col-md-12栅格系统bootstrap col-md-12/p/div/div文本对齐：text-center; text-left; text-right块标签对齐：pull-left,pull-right, center-block. 排版排版样式：H1 .headerSmall（标签）P .lead 字体变大变粗strongem代码表格表格样式：table.table, table.table-hover,鼠标变色table.table-bordered, 边框table.table-striped隔行变色表格颜色：table.activetable.dangertable.warningtable.success响应式表格：div.table-responsive (添加水平滚动条)表单表单样式：div.form-group表单元素：Input.form-controlInput.input-lg表单颜色;div.has-successdiv.has-errordiv.has-warning按钮图片响应图片工具CSS组件JS插件