Bootstrap是当下流行的前端框架(界面工具集),移动端优先的设计理念,特点就是灵活简洁,代码优雅,美观大方,其目的是为了让Web开发更敏捷,是Twitter公司的两名前端工程师Mark Otto和Jacob Thornton在2011年发起的,并利用业余时间完成第一个版本的开发
Bootstrap让我们的 Web 开发更简单,更快捷
Bootstrap常用的类名
xs : 超小屏幕 手机 (<768px),sm : 小屏幕 平板 (≥768px),md : 中等屏幕 桌面显示器 (≥992px),lg : 大屏幕 大桌面显示器 (≥1200px)
1排版
text-left/right/center(设定文本对齐方式)
.list-inline(将所有的列表项放置同一行)
2表格
.table-bordered 为所有表格的单元格添加边框
.table-hover在 <tbody> 内的任一行启用鼠标悬停状态
.table-striped 在 <tbody> 内添加斑马线形式的条纹
row 行,col列
3表单
<form> 元素添加 role="form"
form-inline 内联表单,向左对齐的,标签是并排的
form-horizontal 水平表单
4按钮
btn-defalult默认/标准按钮
btn-primary 原始按钮模式(未被操作,深蓝)
btn-success 表示成功的动作(绿色按钮)
btn-info 该样式可用于要弹出信息的按钮(