bootstrap响应式导航栏点击collapse的按钮没有反应，不会向下展开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title></title>
<!-- Bootstrap core CSS -->
<!-- Custom styles for this template -->
<link href="Public/ybx/assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="Public/ybx/assets/css/bootstrap.css">
<link rel="prefetch" href="http://simbx.com/Public/ybx/as ... ot%3B />
<script src="Public/ybx/js/jquery.min.js"></script>
<script src="Public/ybx/assets/js/bootstrap.min.js"></script>
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/ht ... 6quot;></script>
<script src="https://oss.maxcdn.com/libs/re ... 6quot;></script>
<![endif]-->
</head>
<script src="Public/ybx/assets/js/modernizr.js"></script>
<body> <!-- 顶部导航 -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation" style="border:1px solid #8D9494">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div> <img src="Public/ybx/assets/img/logo.png" alt="logo" width="133" height="43"> </div>
</div>
<div class="navbar-collapse collapse navbar-right">
<ul class="">
<li style=" list-style:none; padding-top:10px;"><a onClick="javascript:document.location.href='http://wenda.bootcss.com/Rbac/'" class="newgologin">登录</a>
<a href="Rbac/index.php/Public/register" class="newregist">注册</a></li>
</ul>
</div>
</div>
</div>
<!-- *****************************************************************************************************************
banner
***************************************************************************************************************** -->
<div id="banner">
<div style="height:400px;position:relative;">
<div style="width:;float:left;position:absolute; margin-top:185px;margin-left:335px; padding-right:100px;"><img src="Public/ybx/assets/img/QR_code.png"></div>
<div style="width:;float:left;padding-top:; position:absolute; margin-top:180px; margin-left:499px;">
<div style="width:;text-align:left;color:#fff;font-size:30px;height:;line-height:;font-weight:;padding-left:8px;font-family:微软雅黑;">企业报销<br>
</div>
<div style="width:;text-align:left;color:#fff;font-size:30px;height:;line-height:;font-weight:;padding-left:8px;font-family:微软雅黑; padding-bottom:20px;">管理伙伴</div>
<a href="Rbac/index.php/Public/register" class="registnow" style="font-family:微软雅黑;">免费注册</a>
</div>
<div style="float:left; position:absolute; margin-left:688px; margin-top:130px;height:350; width:316;"><img src="Public/ybx/assets/img/women.png" style=" height:350; width:316;"></div>
</div>
</div>
</div>
</div>
<!-- *****************************************************************************************************************
three
***************************************************************************************************************** -->
<div id="three">
<div class="container">
<div class="row centered">
<div style="line-height:50px;">
<div style="padding-top:49px;color:#3D4D58;font-family:微软雅黑;font-size:36px;"><strong>
想报就报 </strong></div>
<div style="padding-top:0px;color:#3D4D58;font-family:宋体;font-size:20px;">
Want to reimburse for reimbursement
</div>
<div style="color:#00A1D5;padding-top:0px; margin-top:0px; line-height:5px;">
___________________________
</div>
<div class="col-md-4" style="padding-top:43px; padding-bottom:44px;">
<p><img src="Public/ybx/assets/img/qiye.png"></p>
<h4 style=" font-family:微软雅黑; font-size:20px;"><strong>替企业省钱</strong></h4>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">解决费用报销困扰</p>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">帮助企业降本成效 </p>
</div>
<div class="col-md-4" style="padding-top:43px; padding-bottom:44px; ">
<p><img src="Public/ybx/assets/img/caiwu.png"></p>
<h4 style=" font-family:微软雅黑; font-size:20px;"><strong>让财务省心</strong></h4>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">提高审核效率</p>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">方便会计记账 </p>
</div>
<div class="col-md-4" style="padding-top:43px; padding-bottom:44px; ">
<p><img src="Public/ybx/assets/img/yuangong.png"></p>
<h4 style=" font-family:微软雅黑; font-size:20px;"><strong>帮员工省力</strong></h4>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">随手记录因公消费</p>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">省去报销填报烦恼 </p>
</div>
</div>
</div><! --/container -->
</div><! --/three -->
<!-- *****************************************************************************************************************
funtion
***************************************************************************************************************** -->
<div id="funtion">
<div class="container">
<div class="row">
<div class="col-md-6" style="text-align: center; padding-left:64px;padding-top:20px;">
<div class="" style="width:448px; height:200px; background-color:#FFFFFF;">
<div style=" float:left;padding-left:67px; padding-top:50px;"><img src="Public/ybx/assets/img/feiyong.png" height="96" width="96"></div>
<div style="text-align:left;">
<div style="text-align:center;font-size:28px;height:55px;line-height:40px;font-weight:bold;padding-top:25px; font-size:20px; color:#00A1D5; font-family:微软雅黑;">费用实时掌控</div>
<div style="text-align:center; font-size:18px; font-family:微软雅黑; color:#545454;padding-top:20px;">随时随地查费用<br>
多维度统计分析<br>
现金流了然于心<br></div>
</div>
</div>
</div>
<div class="col-md-6" style="text-align: center; padding-left:64px;padding-top:20px;">
<div class="" style="width:448px; height:200px; background-color:#FFFFFF;">
<div style=" float:left;padding-left:67px; padding-top:50px;"><img src="Public/ybx/assets/img/shenpi.png" height="96" width="96"></div>
<div style="text-align:left;">
<div style="text-align:center;font-size:28px;height:55px;line-height:40px;font-weight:bold;padding-top:25px; font-size:20px; color:#00A1D5; font-family:微软雅黑;">审批简单柔性</div>
<div style="text-align:center; font-size:18px; font-family:微软雅黑; color:#545454;padding-top:20px;">无须预先配置<br>
审批就是@<a> </a><br>支持多级流程<br>
机器自动学习</div>
</div>
</div>
</div>
<div class="col-md-6" style="text-align: center; padding-left:64px;padding-top:20px;">
<div class="" style="width:448px; height:200px; background-color:#FFFFFF;">
<div style=" float:left;padding-left:67px; padding-top:50px;"><img src="Public/ybx/assets/img/suishouji.png" height="96" width="96"></div>
<div style="text-align:left;">
<div style="text-align:center;font-size:28px;height:40px;line-height:40px;font-weight:bold;padding-top:30px; font-size:20px; color:#00A1D5; font-family:微软雅黑;">随手记录消费</div>
<div style="text-align:center; font-size:18px; font-family:微软雅黑; color:#545454;padding-top:30px;">消费随手记录<br>
每笔清清爽爽<br>
报销自动生成<br>
告别手工填报<br>
</div>
</div>
</div>
</div>
<div class="col-md-6" style="text-align: center; padding-left:64px;padding-top:20px;">
<div class="" style="width:448px; height:200px; background-color:#FFFFFF;">
<div style=" float:left;padding-left:67px; padding-top:50px;"><img src="Public/ybx/assets/img/xiangmu.png" height="96" width="96"></div>
<div style="text-align:left;">
<div style="text-align:center;font-size:28px;height:40px;line-height:40px;font-weight:bold;padding-top:30px; font-size:20px; color:#00A1D5; font-family:微软雅黑;">项目费用管理</div>
<div style="text-align:center; font-size:18px; font-family:微软雅黑; color:#545454;padding-top:30px;">支持以项目形式组<br>织报销流程和业务<br>实现项目层级的精<br>
细管理和精准核算</div>
</div>
</div>
</div>
</div>
</div><! --/container -->
</div><! --/three -->
<!-- *****************************************************************************************************************
wechat
***************************************************************************************************************** -->
<div id="chat">
</div><! --/chat -->
<!-- *****************************************************************************************************************
FOOTER
***************************************************************************************************************** -->
<div>
<div style="font-family:微软雅黑;" class="footercss">
<div style="width:500px;margin:0 auto;padding:25px 20px 20px 20px;color:#333;" class="footlink">
<div><a style="float:left;" href="Rbac/index.php/Corporation/aboutus">关于我们</a> </div>
<div style="width:10px; float:left; color:#FFFFFF;padding:0px 20px;">|</div>
<div><a style="float:left;" href="Rbac/index.php/Corporation/joinus">加入我们</a></div>
<div style="width:10px; float:left; color:#FFFFFF;padding:0px 20px;">|</div>
<div><a style="float:left;" href="Rbac/index.php/Corporation/service">服务条款</a></div>
<div style="width:10px; float:left; color:#FFFFFF;padding:0px 20px;">|</div>
<div><a style="float:left;" href="Rbac/index.php/Corporation/privacy">隐私条款</a></div>
<div style="width:10px; float:left; color:#FFFFFF;padding:0px 20px;">|</div>
<div><a style="float:left;" href="Rbac/index.php/Corporation/contact">联系我们</a> </div>
</div>
<div style="width:490px;margin:0 auto;padding:15px 20px 20px 20px;color:#FFFFFF;font-size:14px;">
<a href="http://www.miitbeian.gov.cn" style="color:#333" target="_blank"></a> Copyright©2015 <a href="http://www.siminfo.cn" style="color:#00ADEB" target="_blank""></a>All rights reserved.
</div>
</div>
<! --/footerwrap -->
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title></title>
<!-- Bootstrap core CSS -->
<!-- Custom styles for this template -->
<link href="Public/ybx/assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="Public/ybx/assets/css/bootstrap.css">
<link rel="prefetch" href="http://simbx.com/Public/ybx/as ... ot%3B />
<script src="Public/ybx/js/jquery.min.js"></script>
<script src="Public/ybx/assets/js/bootstrap.min.js"></script>
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/ht ... 6quot;></script>
<script src="https://oss.maxcdn.com/libs/re ... 6quot;></script>
<![endif]-->
</head>
<script src="Public/ybx/assets/js/modernizr.js"></script>
<body> <!-- 顶部导航 -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation" style="border:1px solid #8D9494">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div> <img src="Public/ybx/assets/img/logo.png" alt="logo" width="133" height="43"> </div>
</div>
<div class="navbar-collapse collapse navbar-right">
<ul class="">
<li style=" list-style:none; padding-top:10px;"><a onClick="javascript:document.location.href='http://wenda.bootcss.com/Rbac/'" class="newgologin">登录</a>
<a href="Rbac/index.php/Public/register" class="newregist">注册</a></li>
</ul>
</div>
</div>
</div>
<!-- *****************************************************************************************************************
banner
***************************************************************************************************************** -->
<div id="banner">
<div style="height:400px;position:relative;">
<div style="width:;float:left;position:absolute; margin-top:185px;margin-left:335px; padding-right:100px;"><img src="Public/ybx/assets/img/QR_code.png"></div>
<div style="width:;float:left;padding-top:; position:absolute; margin-top:180px; margin-left:499px;">
<div style="width:;text-align:left;color:#fff;font-size:30px;height:;line-height:;font-weight:;padding-left:8px;font-family:微软雅黑;">企业报销<br>
</div>
<div style="width:;text-align:left;color:#fff;font-size:30px;height:;line-height:;font-weight:;padding-left:8px;font-family:微软雅黑; padding-bottom:20px;">管理伙伴</div>
<a href="Rbac/index.php/Public/register" class="registnow" style="font-family:微软雅黑;">免费注册</a>
</div>
<div style="float:left; position:absolute; margin-left:688px; margin-top:130px;height:350; width:316;"><img src="Public/ybx/assets/img/women.png" style=" height:350; width:316;"></div>
</div>
</div>
</div>
</div>
<!-- *****************************************************************************************************************
three
***************************************************************************************************************** -->
<div id="three">
<div class="container">
<div class="row centered">
<div style="line-height:50px;">
<div style="padding-top:49px;color:#3D4D58;font-family:微软雅黑;font-size:36px;"><strong>
想报就报 </strong></div>
<div style="padding-top:0px;color:#3D4D58;font-family:宋体;font-size:20px;">
Want to reimburse for reimbursement
</div>
<div style="color:#00A1D5;padding-top:0px; margin-top:0px; line-height:5px;">
___________________________
</div>
<div class="col-md-4" style="padding-top:43px; padding-bottom:44px;">
<p><img src="Public/ybx/assets/img/qiye.png"></p>
<h4 style=" font-family:微软雅黑; font-size:20px;"><strong>替企业省钱</strong></h4>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">解决费用报销困扰</p>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">帮助企业降本成效 </p>
</div>
<div class="col-md-4" style="padding-top:43px; padding-bottom:44px; ">
<p><img src="Public/ybx/assets/img/caiwu.png"></p>
<h4 style=" font-family:微软雅黑; font-size:20px;"><strong>让财务省心</strong></h4>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">提高审核效率</p>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">方便会计记账 </p>
</div>
<div class="col-md-4" style="padding-top:43px; padding-bottom:44px; ">
<p><img src="Public/ybx/assets/img/yuangong.png"></p>
<h4 style=" font-family:微软雅黑; font-size:20px;"><strong>帮员工省力</strong></h4>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">随手记录因公消费</p>
<p style="font-size:18px; font-family:微软雅黑; color:#545454">省去报销填报烦恼 </p>
</div>
</div>
</div><! --/container -->
</div><! --/three -->
<!-- *****************************************************************************************************************
funtion
***************************************************************************************************************** -->
<div id="funtion">
<div class="container">
<div class="row">
<div class="col-md-6" style="text-align: center; padding-left:64px;padding-top:20px;">
<div class="" style="width:448px; height:200px; background-color:#FFFFFF;">
<div style=" float:left;padding-left:67px; padding-top:50px;"><img src="Public/ybx/assets/img/feiyong.png" height="96" width="96"></div>
<div style="text-align:left;">
<div style="text-align:center;font-size:28px;height:55px;line-height:40px;font-weight:bold;padding-top:25px; font-size:20px; color:#00A1D5; font-family:微软雅黑;">费用实时掌控</div>
<div style="text-align:center; font-size:18px; font-family:微软雅黑; color:#545454;padding-top:20px;">随时随地查费用<br>
多维度统计分析<br>
现金流了然于心<br></div>
</div>
</div>
</div>
<div class="col-md-6" style="text-align: center; padding-left:64px;padding-top:20px;">
<div class="" style="width:448px; height:200px; background-color:#FFFFFF;">
<div style=" float:left;padding-left:67px; padding-top:50px;"><img src="Public/ybx/assets/img/shenpi.png" height="96" width="96"></div>
<div style="text-align:left;">
<div style="text-align:center;font-size:28px;height:55px;line-height:40px;font-weight:bold;padding-top:25px; font-size:20px; color:#00A1D5; font-family:微软雅黑;">审批简单柔性</div>
<div style="text-align:center; font-size:18px; font-family:微软雅黑; color:#545454;padding-top:20px;">无须预先配置<br>
审批就是@<a> </a><br>支持多级流程<br>
机器自动学习</div>
</div>
</div>
</div>
<div class="col-md-6" style="text-align: center; padding-left:64px;padding-top:20px;">
<div class="" style="width:448px; height:200px; background-color:#FFFFFF;">
<div style=" float:left;padding-left:67px; padding-top:50px;"><img src="Public/ybx/assets/img/suishouji.png" height="96" width="96"></div>
<div style="text-align:left;">
<div style="text-align:center;font-size:28px;height:40px;line-height:40px;font-weight:bold;padding-top:30px; font-size:20px; color:#00A1D5; font-family:微软雅黑;">随手记录消费</div>
<div style="text-align:center; font-size:18px; font-family:微软雅黑; color:#545454;padding-top:30px;">消费随手记录<br>
每笔清清爽爽<br>
报销自动生成<br>
告别手工填报<br>
</div>
</div>
</div>
</div>
<div class="col-md-6" style="text-align: center; padding-left:64px;padding-top:20px;">
<div class="" style="width:448px; height:200px; background-color:#FFFFFF;">
<div style=" float:left;padding-left:67px; padding-top:50px;"><img src="Public/ybx/assets/img/xiangmu.png" height="96" width="96"></div>
<div style="text-align:left;">
<div style="text-align:center;font-size:28px;height:40px;line-height:40px;font-weight:bold;padding-top:30px; font-size:20px; color:#00A1D5; font-family:微软雅黑;">项目费用管理</div>
<div style="text-align:center; font-size:18px; font-family:微软雅黑; color:#545454;padding-top:30px;">支持以项目形式组<br>织报销流程和业务<br>实现项目层级的精<br>
细管理和精准核算</div>
</div>
</div>
</div>
</div>
</div><! --/container -->
</div><! --/three -->
<!-- *****************************************************************************************************************
***************************************************************************************************************** -->
<div id="chat">
</div><! --/chat -->
<!-- *****************************************************************************************************************
FOOTER
***************************************************************************************************************** -->
<div>
<div style="font-family:微软雅黑;" class="footercss">
<div style="width:500px;margin:0 auto;padding:25px 20px 20px 20px;color:#333;" class="footlink">
<div><a style="float:left;" href="Rbac/index.php/Corporation/aboutus">关于我们</a> </div>
<div style="width:10px; float:left; color:#FFFFFF;padding:0px 20px;">|</div>
<div><a style="float:left;" href="Rbac/index.php/Corporation/joinus">加入我们</a></div>
<div style="width:10px; float:left; color:#FFFFFF;padding:0px 20px;">|</div>
<div><a style="float:left;" href="Rbac/index.php/Corporation/service">服务条款</a></div>
<div style="width:10px; float:left; color:#FFFFFF;padding:0px 20px;">|</div>
<div><a style="float:left;" href="Rbac/index.php/Corporation/privacy">隐私条款</a></div>
<div style="width:10px; float:left; color:#FFFFFF;padding:0px 20px;">|</div>
<div><a style="float:left;" href="Rbac/index.php/Corporation/contact">联系我们</a> </div>
</div>
<div style="width:490px;margin:0 auto;padding:15px 20px 20px 20px;color:#FFFFFF;font-size:14px;">
<a href="http://www.miitbeian.gov.cn" style="color:#333" target="_blank"></a> Copyright©2015 <a href="http://www.siminfo.cn" style="color:#00ADEB" target="_blank""></a>All rights reserved.
</div>
</div>
<! --/footerwrap -->
</body>
</html>
1 个回复
乐生勿愁
赞同来自: conghuabootcss 、哈资百科
<ul class="">
改成
<div class="collapse navbar-collapse collapse navbar-right">
<ul class="nav navbar-nav">