bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之准备工作

作者: jiukeshuju 分类: Bootstrap 发布时间: 2020-10-06 07:28
内容纲要

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>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

一条评论

发表评论

标签云
dede dedecms dede标签 echo empty field index li mysql php stus thinkphp 再温 授权 本类 标签 每日更新|织梦插件|Tag标签|充值 程序员 织梦dede:flink友情链接标签自定义输出bug修复 织梦Fatal error: Call to a member function fetchArray解决方法 织梦Fatal error: Call to undefined function dede_htmlspecialchars 织梦TAG标签列表页和搜索结果页调用自定义字段内容 织梦上传图片提示缺少图像源文件地址 织梦上传文件大小限制修改 织梦内容页分页标题提取 织梦判断缩略图是否为空输出不同样式 织梦前台搜索标题和文档内容关键词实现教程 织梦前台模板里显示当前登录会员名 织梦取消mysql错误日志生成文件功能防止暴露后台和管理员 织梦后台自定义表单添加搜索功能 织梦图集302与FILEID:X处理方法 织梦图集上传图片自动获取图片名称做注释 织梦实现url不变电脑和手机显示不同模板 织梦开启绝对路径缩略图https绝对路径时缩略图地址前面多了个域名 织梦手机站去除文章内容中图片的宽高达到自适应+绝对路径图片 织梦手机站搜索结果显示为电脑站的搜索结果模板的解决方法 织梦批量修改栏目的保存目录和文章命名规则 织梦搜索结果为空时输出自定义提示信息 织梦搜索结果增加dede:type、dede:arclist、dede:channelartlist、dede:tag、dede:php等标签支持 织梦搜索结果页分页条样式修改 织梦数据库内容替换,正则去掉文章内容中的img标签 织梦文档内容页title按文章名_当前栏目名_上级栏目名_顶级栏目名_网站名输出 织梦无法上传ico图标格式文件的解决方法 织梦标签array runphp静态生成乱码BUG解决方法 织梦栏目添加 [英文名称] [栏目大图] [栏目小图] 功能