/.nav-tabs :是普通标签页 .nav-pills:胶囊式标签页 action ;默认的激活项，给<li>加默认显示的是哪个标签页内容 .nav是标签页的一个基类，给ul加 .nav-stac...

<meta name="viewport" content="with=device-width, initial-scale=1, user-scalabe=no">

BootStrap是一种前端框架

BootStrap布局

 必须放在这两个容器中的其中一个

 <div class="container></div>  或者<div class="container-fluid"></div>

排版的标签

   .page-header是对于<h1>~<h6>中的标题，并且给标题一个分割线

   <small></samll>:副标题 小一号；   <big></big>:副标题 大一号

  <strong></strong> <em></em>   <del></del>

对于文本（都有前缀text）

.text-right ：右对齐

.text-left：左对齐

.text-center:居中

对于设置英文大小写问题（也属于文本的一部分，所有也有前缀text）

.text-uppercase：对文本中的英文字母全都大写

.text-lowercase:对文本中的英文字母全都小写

.text-capitalize: 对文本中的英文首字母大写

对于列表

.list-unstyled：去除列表前面的符号和去掉原有的格式

.list-inline:  把<li></li>之间的内容变成横向排列

对于自定义的列表

.dl-horizontal：设置变成横向排列

<dl class="dl-horizontal">

<dt>标题</dt>

<dd>内容</dd>

</dl>

表格（table）

.table:代表表格一个基类，（基本的类加其他的效果都是在.table的基础上）

.table:没有外边框

.table-bordered:给表格加上外边框

.table-hover: 鼠标悬停效果，鼠标一到行或者单元格就会变色

.table-striped:斑马线效果，隔行换色，这个与鼠标悬停没有任何关系，一打开页面就会显示

.table-condensed:让表格看起来变得紧凑

 响应式表格(也是表格，就要以table为前缀)

.table-responsive:给table的父元素加，以移动设备（手机，平板等，360浏览器不是移动设备）为优先，如果内容不能完全显示，会出现响应式的滚动条响应设备的窗口的大小

<div  class="table-responsive">

    <table class="table