H5響應式開發之準備工作LOGIN

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響應式網頁作為一個實戰教程,為大家解釋開發一個響應式網頁的思路。

網頁開發順序分別是

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

下一節
<!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>
章節課件