H5响应式开发之准备工作登陆

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响应式网页作为一个实战教程,为大家讲解开发一个响应式网页的思路。

网页开发顺序分别是

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

下一节
<!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>
提交重置代码
章节评论笔记课件
  • 取消回复发送
  • 取消发布笔记发送