H5響應式開發之準備工作

準備工作

我們在使用H5做頁面的時候,需要引入Bootstrap插件,登陸http://v3. bootcss.com/

選擇下載QQ截图20161101174924.png

押解出來裡面會有三個資料夾,分別是fonts,css以及js.我們需要引進其實三個文件。

<!DOCTYPE html>
 <html lang="zh-cn">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>PHP中文网</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
 </head>
 <body>
 <script src="js/jquery.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
 <script type="text/javascript">
 </script>
 
 </body>
 </html>

所需html檔案

#index.html                  主頁檔案

information.html       主頁檔案#o

#information.html  

#case.html                                內容檔案

本課發展一個H5響應式網頁作為一個實戰教程,為大家解釋開發一個響應式網頁的思路。

網頁開發順序分別是

首頁》資訊頁》內容頁」案例》關於

繼續學習
||
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>PHP</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
</script>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
图片放大关闭