bootstrap基础学习

header

<meat name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>

width:移动设备的宽度
initial-scale:初始缩放比例，1:1
user-scalable：用户缩放，no禁止双击缩放

常用样式

1. .page-header 给标题添加一条分割线
2. 列表内容

排版元素

1. <h1>-<h6>标题
2. <small>副标题， 小一号标题
3. <big>副标题， 大一号标题
4. <p> 段落
5. <strong> 加粗 推荐使用
6. <em>倾斜 推荐使用
7. <del> 删除线，推荐使用

文本

• 对齐方式
  
  • .text-right 文本右对齐
  • .text-left 文本左对齐
  • .text-center 文本居中
• 英文大小写
  
  • .text-uppercase 所有英文大写
  • .text-lowercase 所有英文小写
  • .text-capitalize 首字母大写

列表

• .list-unstyled 去掉列表前面的符号，和原来的样式
• .list-inline 把<li></li>中间的内容变成行内元素

自定义列表

• .dl-horizontal 横向排列

表格

• 列表内容
• .table 表格的一个基类，如果加其他的样式，都在.table的基础上加
• .table-bordered 给表格添加外边框
• .table-hover 添加悬停效果
• .table-striped 斑马线
• .table-condensed 紧凑
• .table-responsive 响应式表格，给table的父级元素添加
• .active 活动状态
• .success 成功状态
• .danger 警告状态