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 咨询文件

case.html 实例文件

about.html 关于我们

list.html 内容文件

本节课开发一个H5响应式网页作为一个实战教程，为大家讲解开发一个响应式网页的思路。

网页开发顺序分别是

首页》资讯页》内容页》案例》关于

Weiter lernen

neue Datei

<!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>

einreichen Code zurücksetzen

Automatische Operation