bootstrap
簡潔、直觀、強悍、移動設備優先的前端開發框架
1、css
主要用寬960px的柵格式佈局法
分爲12列（經常使用） 一行12個單元格 每格60px 間距20px 3 6 3版 三格式佈局
16列
24列
32列
Bootstrap必有的一些格式
一、<html lang="zh-CN"> 支持html5文檔
二、在head 中添加：<meta name="viewport" content="width=device-width, initial-scale=1.0">
三、引入css <link rel="stylesheet" href="./css/bootstrap.min.css">
四、在</body>以前引入jq及js
<script src="./js/jquery-1.11.2-min.js"></script>
<script src="./js/bootstrap.min.js"></script>
因爲bootstrap大多爲開源性的信息，不少的樣式都有現成的樣式可照搬，這就簡化了大量的代碼量html
2、前端
一、自適應頁面：能使頁面自適應顯示在不一樣大小終端設備上的頁面。
二、響應式佈局：一個網站可以兼容多個終端，而不是爲每一個終端都作一個特定的版本，實現響應式佈局的方法：bootstrap和CSS原生代碼兩種方法。
三、CSS原生代碼是經過@Media媒體查詢，改變屏幕寬度使其自適應。
四、響應式佈局中：單位1em=16px,相對於body，會繼承；1rem=16px，相對於根元素，不會繼承。
五、PC端@media screen and (min-width:1000px){}
手機端@media screen and (max-width:767px){}
平板端@media screen and (min-width:768px)and (max-width:999px){}
通常建議寬度設置100%自適應，網頁頭部，尾部高度格局不變，其他自適應，根據屏幕大小的不一樣，這是的閾值的不一樣，顯示不一樣的網頁佈局內容。
六、需引入viewport元數據標籤（head）,爲了可使屏幕縮放。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
七、px特色：
IE沒法調整那些使用px做爲單位的字體大小，國外大部分網站可以調整的緣由在於其使用了em和rem做爲字體單位。
八、em是相對長度單位。相對於當前對象內文本的字體尺寸。
九、佈局法：
通常來講，PC端採用三欄式佈局，平板端採用兩欄式佈局，手機端採用一欄式佈局。html5
- 1. bootstrap + bootstrap-table + jquery + bootstrap-paginator
- 2. Bootstrap（一）認識Bootstrap
- 3. 【Bootstrap】1.初識Bootstrap
- 4. Bootstrap
- 5. bootstrap
- 6. BootStrap
- 更多相關文章...
- • Lua 數據庫訪問 - Lua 教程
- • R 包 - R 語言教程
- • Github 簡明教程
-
每一个你不满意的现在，都有一个你没有努力的曾经。