[b]bootstrap前端开发工具[/b] [b]栅格系统[/b] 版心 .container 栅格布局 (一行分为12格，响应式布局) .row .col-md-12 .col-sm-12 .col-xs-12 [b]排版[/b] [b]文本对齐:[/b] .text-center; .text-left; .text-right; [b]块标签对齐:[/b] .center-block; .pull-left; .pull-right; [b]排版样式：[/b] h1 .page-header small p .lead [img]http://files.jb51.net/file_images/article/201709/201709110807345.png[/img] [b]文字颜色(带有样式滑动效果)[/b] .text-muted 灰色 .text-primary 浅蓝色 .text-success 绿色 .text-info 深蓝色 .text-warning 棕色 .text-danger 红色 [b]列表[/b] .list-style 无样式列表 .list-inline 列表浮动到一行 [b]描述[/b] [img]http://files.jb51.net/file_images/article/201709/201709110807346.png[/img] .dl-horizontal 水平排列的描述 [b]表格[/b] [b]表格样式[/b] .table .table-hover .table-bordered .table-striped [b]表格的颜色[/b] tr.active 灰色 tr.danger 红色 tr.warning 浅黄色 tr.success 绿色 [b]表单[/b] [b]表单样式[/b] div.from-grop [b]表单元素[/b] input.form-control input.input-lg [b]表单颜色[/b] div.has-success div.has-error div.has-warning [b]多选框或单选框[/b] [b]水平多选框[/b] [b]显示和隐藏[/b] .show .hidden .sr-only [b]表单尺寸[/b] .inuut-lg .input-sm [b]按钮[/b] button input type="submit" input type=button input type=reset a [b]七种样式[/b] .btn btn-default .btn btn-primary .btn btn-success .btn btn-info .btn btn-warning .btn btn-danger .btn btn-link [b]按钮尺寸[/b] .btn-lg .btn-sm .btn-xs [b]按钮变成块元素[/b] .btn-block [b]按钮的活动状态[/b] .active [b]按钮的禁用状态[/b] .disabled [b]图片[/b] [b]img图片[/b] .img-rounded .img-circle .img-thumbnail [b]img响应式图片[/b] .img-responsive [b]关闭叉号[/b] .close (×) [b]向下的小箭头[/b] .caset [b]组件[/b] [b]下拉菜单[/b] div.dropdown button[data-toggle=dropdown] ul.dropdown-menu li.dropdown-header li.disabled li.divider [b]按钮组[/b] div.btn-group [b]按钮工具栏[/b] div.btn-toolbar [b]按钮尺寸[/b] div.btn-group-lg [b]垂直排列[/b] div.btn-group-vertical [b]按钮组中的下拉菜单[/b] div.btn-group button button div.btn-group 以上这篇基于bootstrop常用类总结(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。