bootstrap基础学习

header

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

width:移动设备的宽度

initial-scale:初始缩放比例，1:1

user-scalable：用户缩放，no禁止双击缩放

常用样式

.page-header 给标题添加一条分割线

列表内容

排版元素

<h1>-<h6>

标题

<small>

副标题， 小一号标题

<big>

副标题， 大一号标题

<p>

段落

<strong>

加粗 推荐使用

<em>

倾斜 推荐使用

<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 警告状态<
4000
/li>