导航栏崩溃不起作用

我刚刚从bootstrap starter template复制了代码，但折叠菜单不起作用！导航栏崩溃不起作用

这里是我的代码：

<?php /* @var $this Controller */ ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 
    <meta name="viewport" content="width=device-width, initial-scale=1"/> 
    <meta name="language" content="ar"/> 
    <meta name="description" content=""/> 
    <meta name="author" content=""/> 

    <link rel="icon" href="../../favicon.ico"> 

    <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/js/bootstrap/css/bootstrap.min.css" /> 
    <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/style.css" /> 

    <title><?php echo CHtml::encode($this->pageTitle); ?></title> 
</head> 

<body> 

    <nav class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-controls="navbar"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Project name</a> 
     </div> 
     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </nav> 

    <div class="container"> 
     <?php echo $content; ?> 
    </div> 

    <div id="footer"> 
     Copyright &copy; <?php echo date('Y'); ?> by My Company.<br/> 
     All Rights Reserved.<br/> 
     <?php echo Yii::powered(); ?> 
    </div> 

    <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery-2.1.4.min.js"/> 
    <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/bootstrap/js/bootstrap.js"/> 

</body> 
</html>

的JS & css文件加载成功并没有表现出任何错误，所以这里有什么问题吗？

来源

2015-10-16 Mohammad

任何机会，你可以得到一个小提琴这个启动和运行？ – fibono

我刚刚测试，它的工作正常。尝试<！doctype html> –

@LuckyChingi没有为我工作 – Mohammad

您的script标签没有按照您指出的正确格式<script></script>关闭，因此浏览器不会为Bootstrap加载第二个JavaScript文件，导致可折叠移动菜单无法运行。

来源

2015-10-16 21:12:28 Ryan

导航栏崩溃不起作用

回答

相关问题