Bootstrap基本模板的使用和理解1
更新時(shí)間：2016年12月14日 08:59:54 作者：浪跡灬天涯
這篇文章主要為大家詳細(xì)介紹了關(guān)于Bootstrap基本模板的使用和理解的學(xué)習(xí)記錄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了Bootstrap基本模板的具體代碼，供大家參考，具體內(nèi)容如下
<!-- 聲明文檔類(lèi)型 為 html5 --> <!DOCTYPE html> <!-- 聲明頁(yè)面內(nèi)容主要為 中文簡(jiǎn)體 --> <html lang="zh-CN"> <head> <!-- 聲明頁(yè)面編碼 為 utf-8 --> <meta charset="utf-8"> <!-- X-UA-Compatible 瀏覽器兼容模式 這是個(gè)是IE8的專(zhuān)用標(biāo)記,用來(lái)指定IE8瀏覽器去模擬某個(gè)特定版本的IE瀏覽器的渲染方式(比如人見(jiàn)人煩的IE6)，以此來(lái)解決部分兼容問(wèn)題 --> <!-- 詳情見(jiàn) http://www.cnblogs.com/lovecode/articles/3377505.html --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 申明viewport 視口屬性設(shè)置，只有在移動(dòng)端才識(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個(gè)meta標(biāo)簽*必須*放在最前面，任何其他內(nèi)容都*必須*跟隨其后！ --> <title>Bootstrap 模板</title> <!-- Bootstrap --> <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet"> <!-- respond 異步加載的 本地打開(kāi) 不生效 需要使用服務(wù)器，例如在 Apache 上打開(kāi)--> <!-- 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才識(shí)別的注釋 --> <!-- 不支持h5標(biāo)簽的瀏覽器需要引用 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> <!-- 刪掉下面的標(biāo)題 就可以填寫(xiě)內(nèi)容了 --> <h1>你好，世界！</h1> <!-- 填寫(xiě)內(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
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- bootstrap模態(tài)框跳轉(zhuǎn)到當(dāng)前模板頁(yè)面 框消失了而背景存在問(wèn)題的解決方法
- 淺析使用BootStrap TreeView插件實(shí)現(xiàn)靈活配置快遞模板
- BootstrapTable+KnockoutJS自定義T4模板快速生成增刪改查頁(yè)面
- Bootstrap零基礎(chǔ)學(xué)習(xí)第一課之模板
- Bootstrap Metronic完全響應(yīng)式管理模板之菜單欄學(xué)習(xí)筆記
- Bootstrap Metronic完全響應(yīng)式管理模板學(xué)習(xí)筆記
- MyEclipse 2016 CI 4新增BootStrap模板
- Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(一)
- Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(二)
- 值得分享的Bootstrap Ace模板實(shí)現(xiàn)菜單和Tab頁(yè)效果
相關(guān)文章
用到 dialog彈出框時(shí)，不想要右上角的X 關(guān)閉功能，只是做個(gè)提示信息顯示，下面是具體的去掉方法，大家可以參考下2014-04-04
arcgis for js柵格圖層疊加(Raster Layer)問(wèn)題
這篇文章主要介紹了arcgis for js柵格圖層疊加(Raster Layer)的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11
本文給大家介紹如何判斷用戶是否是用微信瀏覽器的實(shí)例代碼，根據(jù)關(guān)鍵字 MicroMessenger 來(lái)判斷是否是微信內(nèi)置的瀏覽器，感興趣的朋友可以參考下實(shí)現(xiàn)代碼2016-06-06
JavaScript中split與join函數(shù)的進(jìn)階使用技巧
這篇文章主要介紹了JavaScript中split與join函數(shù)的進(jìn)階使用技巧,split和join通常被用來(lái)操作數(shù)組和字符串之間的轉(zhuǎn)換,需要的朋友可以參考下2016-05-05
vue 自定義指令directive的使用場(chǎng)景
這篇文章主要詳細(xì)介紹了vue 自定義指令directive的使用場(chǎng)景，文中有詳細(xì)的代碼示例，感興趣的小伙伴歡迎閱讀2023-04-04
這篇文章主要介紹了京東618疊蛋糕js腳本，基于auto.js 打開(kāi)，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06
本文主要介紹了JavaScript?刪除數(shù)組元素的方法，包括操作方法改變了原數(shù)組和操作方法不改變?cè)瓟?shù)組，具有一定的參考價(jià)值，感興趣的可以了解一下2024-02-02
這篇文章主要介紹了javascript彈出層輸入框(示例代碼)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
javascript設(shè)置連續(xù)兩次點(diǎn)擊按鈕時(shí)間間隔的方法
這篇文章主要介紹了javascript設(shè)置連續(xù)兩次點(diǎn)擊按鈕時(shí)間間隔的方法,是非常實(shí)用的技巧,需要的朋友可以參考下2014-10-10
整理Javascript事件響應(yīng)學(xué)習(xí)筆記
整理Javascript事件響應(yīng)學(xué)習(xí)筆記，之前一系列的文章是跟我學(xué)習(xí)Javascript，本文就是進(jìn)一步學(xué)習(xí)javascript流程控制語(yǔ)句，希望大家繼續(xù)關(guān)注2015-12-12