Bootstrap基本模板的使用和理解1
更新時間:2016年12月14日 08:59:54 作者:浪跡灬天涯
這篇文章主要為大家詳細介紹了關(guān)于Bootstrap基本模板的使用和理解的學(xué)習(xí)記錄,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了Bootstrap基本模板的具體代碼,供大家參考,具體內(nèi)容如下
<!-- 聲明文檔類型 為 html5 --> <!DOCTYPE html> <!-- 聲明頁面內(nèi)容主要為 中文簡體 --> <html lang="zh-CN"> <head> <!-- 聲明頁面編碼 為 utf-8 --> <meta charset="utf-8"> <!-- X-UA-Compatible 瀏覽器兼容模式 這是個是IE8的專用標記,用來指定IE8瀏覽器去模擬某個特定版本的IE瀏覽器的渲染方式(比如人見人煩的IE6),以此來解決部分兼容問題 --> <!-- 詳情見 http://www.cnblogs.com/lovecode/articles/3377505.html --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 申明viewport 視口屬性設(shè)置,只有在移動端才識別 其中屬性有width = device-width 視口寬度等于 設(shè)備寬度 initial-scale = 1.0 初始化 縮放比為1:1 也就是等比顯示 還有其他的屬性: user-scalable = 0 ;可選值1,0, 或 yes, no 用戶是否允許縮放。 maximum = 1.0 最大縮放比 minimum = 1.0 最小縮放比 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3個meta標簽*必須*放在最前面,任何其他內(nèi)容都*必須*跟隨其后! --> <title>Bootstrap 模板</title> <!-- Bootstrap --> <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet"> <!-- respond 異步加載的 本地打開 不生效 需要使用服務(wù)器,例如在 Apache 上打開--> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- 只有IE才識別的注釋 --> <!-- 不支持h5標簽的瀏覽器需要引用 html5shiv.js 包 --> <!-- 不支持媒體查詢的瀏覽器 需引入 respond.js 包 --> <!--[if lt IE 9]> <script src="lib/html5shiv/html5shiv.min.js"></script> <script src="lib/respond/respond.js"></script> <![endif]--> </head> <body> <!-- 刪掉下面的標題 就可以填寫內(nèi)容了 --> <h1>你好,世界!</h1> <!-- 填寫內(nèi)容區(qū) --> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) bootstrap基于jQuery 所以jQuery要先引入 --> <script src="lib/jquery/jquery.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="lib/bootstrap/js/bootstrap.js"></script> </body> </html>
所有包從本地服務(wù)器上引用,不使用CDN
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- bootstrap模態(tài)框跳轉(zhuǎn)到當前模板頁面 框消失了而背景存在問題的解決方法
- 淺析使用BootStrap TreeView插件實現(xiàn)靈活配置快遞模板
- BootstrapTable+KnockoutJS自定義T4模板快速生成增刪改查頁面
- Bootstrap零基礎(chǔ)學(xué)習(xí)第一課之模板
- Bootstrap Metronic完全響應(yīng)式管理模板之菜單欄學(xué)習(xí)筆記
- Bootstrap Metronic完全響應(yīng)式管理模板學(xué)習(xí)筆記
- MyEclipse 2016 CI 4新增BootStrap模板
- Bootstrap打造一個左側(cè)折疊菜單的系統(tǒng)模板(一)
- Bootstrap打造一個左側(cè)折疊菜單的系統(tǒng)模板(二)
- 值得分享的Bootstrap Ace模板實現(xiàn)菜單和Tab頁效果
相關(guān)文章
arcgis for js柵格圖層疊加(Raster Layer)問題
這篇文章主要介紹了arcgis for js柵格圖層疊加(Raster Layer)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-11-11JavaScript中split與join函數(shù)的進階使用技巧
這篇文章主要介紹了JavaScript中split與join函數(shù)的進階使用技巧,split和join通常被用來操作數(shù)組和字符串之間的轉(zhuǎn)換,需要的朋友可以參考下2016-05-05javascript設(shè)置連續(xù)兩次點擊按鈕時間間隔的方法
這篇文章主要介紹了javascript設(shè)置連續(xù)兩次點擊按鈕時間間隔的方法,是非常實用的技巧,需要的朋友可以參考下2014-10-10整理Javascript事件響應(yīng)學(xué)習(xí)筆記
整理Javascript事件響應(yīng)學(xué)習(xí)筆記,之前一系列的文章是跟我學(xué)習(xí)Javascript,本文就是進一步學(xué)習(xí)javascript流程控制語句,希望大家繼續(xù)關(guān)注2015-12-12