bootstrap V2.3.2实现响应式页面

共5个文件

css：2个

js：2个

html：1个

响应式页面

需积分: 13 21 下载量 80 浏览量 2016-11-09 19:27:33 上传评论收藏 112KB ZIP 举报

温馨提示

使用bootstrap V2.3.2实现响应式页面实现响应式页面，是系列课程《响应式开发从原理到实战案例》的一部分代码。供大家学习和参考

资源推荐

资源详情

资源评论

收起资源包目录

bootstrap V2.3.2实现响应式页面.zip （5个子文件）

jquery-1.8.3.js 269KB

bootstrap.css 124KB

index-2.html 1KB

bootstrap-responsive.css 22KB

bootstrap.js 60KB

共 5 条

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"> <link href="bootstrap.css" rel="stylesheet"/> <link href="bootstrap-responsive.css" rel="stylesheet"/> <title>自定义响应式开发</title> </head> <body style="background-color: #1f6377"> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <button id="btnMore" class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse"> <div class="icon-bar"></div> <div class="icon-bar"></div> <div class="icon-bar"></div> </button> <div class="nav-collapse"> <ul class="nav"> <li class="active"><a href="#">首页</a></li> <li><a href="#">入门</a></li> <li><a href="#">框架</a></li> <li><a href="#">基本CSS样式</a></li> <li><a href="#">组件</a></li> <li><a href="#">JavaScript插件</a></li> <li><a href="#">定制</a></li> </ul> </div> </div> </div> </div> <script src="jquery-1.8.3.js"></script> <script src="bootstrap.js"></script> </body> </html>

评论收藏

内容反馈

资源评论