介紹：基于html css javascript 的前端框架
特點(diǎn)：是以移動(dòng)設(shè)備為優(yōu)先，pc 平板 手機(jī)
引入：
第一種：下載本地，然后下載jQuery；
第二種：聯(lián)網(wǎng)狀態(tài)，導(dǎo)入鏈接
<meta charset="UTF-8">
<!--移動(dòng)設(shè)備優(yōu)先，屏幕和設(shè)備的屏幕一致，初始縮放為1:1，禁止用戶縮放-->
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>引入方式<\title>
<!--引入bootstrap主題文件-->
<link rel="stylesheet" href="dis/css/bootstrap.min.css">
<!--引入jQuery文件，在引入js之前要先引入jquery-->
<script scr="dis/js/jquery.min.js">
<!--引入js文件-->
<script scr="dis/js/bootstarp.min.js">
布局：
div:
<div class="container-fluid"> 寬度為100%
<div class="container"> 寬度為1170px
<h1 class="page-header"> 線
排版的標(biāo)簽：
<h1> 36px
<h2> 30px
<h3> 24px
<h4> 18px
<h5> 14px
<h6> 12px
<h1 class="page-header"> ? 頁頭加線
<small> 小一號(hào)的標(biāo)題
<p> 段落 12px的字體
<big> 大一號(hào)的標(biāo)題
<strong> 推薦使用的加粗
<em> 推薦使用
<del>刪除線
文本的對(duì)其方式：
.text-left、center、right
text-uppercase：英文全大寫
text-lowercase：英文全小寫
text-capitalize：英文首字母大寫
列表：
ist-unstyled：無系統(tǒng)樣式
list-inline：列表進(jìn)行水平布局
自定義列表：
<dl class="dl-horizontal"> : 橫向排列
表格：
class="table" 表格的一個(gè)基類
.table-bordered 加線
.table-hove ? 加鼠標(biāo)懸停
.table-striped 加斑馬線效果，隔行換色
.table-condensed 表格緊湊
給table的父元素加table-responsive 響應(yīng)式柵格（可隨尺寸變化而變化）
響應(yīng)式圖片：
class="imgrasponsive" //響應(yīng)式
圖片形狀：
img-circle? ? 橢圓形
img-rounded ??? 圓角矩形
img-thumbnail ??? 給圖片加圓角的邊框
例：class="imgrasponsive img-thumbnail"
一般配合柵格系統(tǒng)使用
柵格系統(tǒng)：
柵格系統(tǒng)一定要放在容器里。
柵格系統(tǒng)，瀏覽器窗口自動(dòng)分配最多12列，柵格系統(tǒng)是把屏幕分割最多12列
必須要有容器，div="container"，在div里寫div class="row"，在row里寫col
柵格的響應(yīng)式效果表：
小于798px ??? ??? ??? ??? ??? ??? ??? ??? 手機(jī)端???? ??? ??? ??? ??? ??? col-xs
大于798px 小于992px ???? ???? ???? 平板 ???? ???? ???? ???? ?????? col-sm
大于992px 小于1200px ???? ???? ??? pc ???? ???? ???? ???? ???? ?? col-md
大于1200px ???? ???? ???? ???? ???? ????? 大屏 ???? ???? ???? ???? ???? ? col-lg
例：
//pc占3塊 平板占4塊 手機(jī)占6塊偏移：offset（只能向右偏移）
col-xs/sm/md/lg-offset-3 ，那么偏移就是col-md-offset-3
排序：pull（可以向左偏移，也可以向右偏移，需要計(jì)算）
col-xs/sm/md/lg-pull ??? 向左偏移
col-xs/sm/md/lg-push ? 向右偏移
輔助樣式：
情景文本顏色：.text-muted（柔和）? ? .text-success? ? .text-primary? ? .text-info? ? .text-warning? ? .text-danger
背景文本顏色：.bg-success ??? .bgt-primary ??? .bg-info ??? .bg-warning ??? .bg-danger
下拉的三角：
快速浮動(dòng)： pull-left 左浮動(dòng) ??? pull-right 右浮動(dòng)
清除浮動(dòng)： clearfix?? 給父盒子加
表單：
表單分組：<div class="form-group">
