快捷導(dǎo)航

Bootstrap基本模板的使用和理解1

更新時(shí)間：2016年12月14日 08:59:54 作者：浪跡灬天涯

這篇文章主要為大家詳細(xì)介紹了關(guān)于Bootstrap基本模板的使用和理解的學(xué)習(xí)記錄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Bootstrap基本模板的具體代碼，供大家參考，具體內(nèi)容如下

<!-- 聲明文檔類型 為 html5 -->
<!DOCTYPE html>
<!-- 聲明頁面內(nèi)容主要為 中文簡體 -->
<html lang="zh-CN">
<head>
<!-- 聲明頁面編碼 為 utf-8 -->
<meta charset="utf-8">
<!-- X-UA-Compatible 瀏覽器兼容模式 這是個(gè)是IE8的專用標(biāo)記,用來指定IE8瀏覽器去模擬某個(gè)特定版本的IE瀏覽器的渲染方式(比如人見人煩的IE6)，以此來解決部分兼容問題 -->
<!-- 詳情見 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 異步加載的 本地打開 不生效 需要使用服務(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才識(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)題 就可以填寫內(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)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JS獲取IE版本號(hào)與HTML設(shè)置IE文檔模式的方法
下面小編就為大家?guī)硪黄狫S獲取IE版本號(hào)與HTML設(shè)置IE文檔模式的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
javascript實(shí)現(xiàn)二進(jìn)制、十進(jìn)制、十六進(jìn)制和八進(jìn)制之間相互轉(zhuǎn)換的方法
JavaScript提供了多種方法進(jìn)行不同進(jìn)制之間的轉(zhuǎn)換,包括十進(jìn)制轉(zhuǎn)二進(jìn)制、八進(jìn)制、十六進(jìn)制,以及二進(jìn)制、八進(jìn)制、十六進(jìn)制之間的相互轉(zhuǎn)換,通過使用Number.prototype.toString()和parseInt()函數(shù),可以實(shí)現(xiàn)這些轉(zhuǎn)換,需要的朋友可以參考下
2025-02-02
JavaScript之String常見的方法詳解
這篇文章主要為大家介紹了JavaScript之String常見的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-11-11
詳解JavaScript Alert函數(shù)執(zhí)行順序問題
本文主要介紹了Javascript的Alert函數(shù)執(zhí)行順序問題，對(duì)此感興趣的同學(xué)，可以實(shí)驗(yàn)一下，以便解決平時(shí)遇到的一些奇怪的問題。
2021-05-05
淺析JavaScrip哪些操作會(huì)造成內(nèi)存泄露以及預(yù)防方法
在?JavaScript?中,內(nèi)存泄露是指程序不再使用的內(nèi)存沒有被釋放,從而導(dǎo)致內(nèi)存的持續(xù)增長,最終可能導(dǎo)致性能下降或應(yīng)用崩潰,本文整理了一些容易造成內(nèi)存泄漏的操作以及預(yù)防方法,需要的可以了解下
2024-12-12
javascript 改變字體大小方法集合
給網(wǎng)頁正文提供，小中大三種字體的切換功能。用js代碼設(shè)置div style的fontSize屬性。
2009-06-06
小程序開發(fā)之uniapp引入iconfont圖標(biāo)以及使用方式
uniapp本身是有icon組件的,但由于icon組件各端表現(xiàn)存在差異,所以我們可以通過使用iconfont的字體圖標(biāo)來彌補(bǔ)這些差異,下面這篇文章主要給大家介紹了關(guān)于小程序開發(fā)之uniapp引入iconfont圖標(biāo)以及使用方式的相關(guān)資料,需要的朋友可以參考下
2022-11-11
JS彈出層遮罩,隱藏背景頁面滾動(dòng)條細(xì)節(jié)優(yōu)化分析
下面小編就為大家?guī)硪黄狫S彈出層遮罩,隱藏背景頁面滾動(dòng)條細(xì)節(jié)優(yōu)化分析。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
2016-04-04
js實(shí)現(xiàn)文字向上輪播功能
本文主要分享了javascript實(shí)現(xiàn)向上文字輪播功能的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
js canvas實(shí)現(xiàn)QQ撥打電話特效
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)QQ撥打電話特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05