1. 程式人生 > >bootstrap的web前端模板

bootstrap的web前端模板

<!DOCTYPE html>
<html>
<head>
<title>首頁</title>
<!-- 為搜尋引擎定義關鍵詞: -->
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

<!-- 為網頁定義描述內容: -->
<meta name="description" content="Free Web tutorials on HTML and CSS">

<!-- 使瀏覽器自適應手機等裝置螢幕 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- 定義網頁作者 -->
<meta name="author" content="liwei">

<!-- <meta http-equiv="refresh" content="30">定義網頁每30秒重新整理一次 -->

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--解決IE 9不支援Html5問題 -->
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js">
</script>
<![endif]-->

<!-- 新 Bootstrap 核心 CSS 檔案 -->
<link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">

<!-- 可選的Bootstrap主題檔案(一般不使用) -->
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap-theme.min.css"></script>

<!-- 最新的響應式程式設計 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap-responsive.min.css">

<!-- jQuery檔案。務必在bootstrap.min.js 之前引入 -->
<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 檔案 -->
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>

</head>
<body>
支援 Html5,css3,bootstrap標準的頭部,視覺化佈局運用3.0版本,ibootstrap視覺化佈局連結為:http://www.ibootstrap.cn
</body>
</html>