溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“如何創建一個自己的bootstrap模板”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
代碼如下:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<!-- Bootstrap不支持IE的兼容模式，加入此標簽以確保在每個被支持的IE瀏覽器中保持最好的頁面展現效果 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 由于Bootstrap 3是移動設備優先，加入此標簽是為了確保適當的繪制和觸屏縮放 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap-Template-01</title>
<!-- 最新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="<a href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css</a>">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="<a href="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script">http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script</a>>
<script src="<a href="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script">http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script</a>>
<![endif]-->
</head>
<body>
<h2>Hello, world!</h2>
<!-- 所有 Bootstrap 插件都依賴 jQuery，因此jQuery必須在Bootstrap之前引入 -->
<script src="<a href="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script">http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script</a>>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="<a href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script">http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script</a>>
</body>
</html>
哪下面我就來說說幾個要點吧
【1】Bootstrap是使用的HTML5文檔類型，你仔細看看第一行是不是和我們平時寫的不一。
【2】使用了lang，咋們是中國吧，當然用簡體中文了，當然這里有點點問題，就是看到網上有人說，這個zn-cn已經不在適用于現在的情況了，具體的自己百度吧。
【3】單個標簽沒有閉合了，看看meta標簽就知道了，具體的了解下HTML5吧。
【4】加入了在ie小于9的情況下對HTML5不是很支持的情況下的兼容處理，當然要是我做的話，我就直接屏蔽了ie9以下的，給一個頁面讓用戶升級瀏覽器，不然用戶看到了就是一個丑陋的頁面，何必呢！！！
【5】為什么這里JQuery用的是1.102版的，而不是2.x版的呢？貌似因為1.9.x版對ie8支持，而2.x版是對ie9以后的，所有這里用了一個大于1.9.x版的，當然，你也可以不支持ie8，就像我在第4步中說的一樣，屏蔽ie9以下的瀏覽器。
“如何創建一個自己的bootstrap模板”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
