Twitter bootstrap Navbar在bootstrap v3.0中工作,但在v3.3.6中不工作

Twitter bootstrap Navbar在bootstrap v3.0中工作,但在v3.3.6中不工作,twitter-bootstrap,twitter-bootstrap-3,navbar,Twitter Bootstrap,Twitter Bootstrap 3,Navbar,导航栏在较新版本的bootstrap(v3.3.6)中不起作用,问题是javascript部分的工作方式与切换到移动视图、下拉列表和rest不同 当我用V3.0版本的bootstrap替换它时,代码工作得非常好,但当与3.3.6(CDN和脱机)一起使用时,代码不起作用。我反复检查了拼写和目录错误 <!DOCTYPE html> <html> <head> <title>Guru Prasad - Freelance</title>

导航栏在较新版本的bootstrap(v3.3.6)中不起作用,问题是javascript部分的工作方式与切换到移动视图、下拉列表和rest不同

当我用V3.0版本的bootstrap替换它时,代码工作得非常好,但当与3.3.6(CDN和脱机)一起使用时,代码不起作用。我反复检查了拼写和目录错误

<!DOCTYPE html>
<html>
<head>
    <title>Guru Prasad - Freelance</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="includes/css/style.css">
    <script src="includes/js/modernizr-2.6.2.min.js"></script>
</head>
<body>

<div class="navbar fixed-top">
<div class="container">

    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mobile-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand">Guru Prasad</a>
    </div> <!-- Navbar-Header -->

    <div class="navbar-collapse collapse">
        <ul class="navbar nav">
            <li class="active">Portfolio</li>
            <li>About</li>
            <li>Contact</li>
        </ul> <!-- End Navbar-nav -->
    </div> <!-- End Navbar-collapse -->

</div> <!-- End Container -->
</div> <!-- End Navbar -->

<!-- //Javascript -->
<script type="text/javascript" src="includes/js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="includes/js/script.js"></script>
</body>
</html>

普拉萨德大师-自由职业者
普拉萨德大师
  • 投资组合
  • 关于
  • 接触

根据您提供的代码(如果您正在做一些超出默认值的事情,您需要声明),我看不出这两种方法实际上是如何工作的

您没有将数据目标(
data target=“#mobile collapse”
)属性附加到导航栏折叠div(

同样的HTML使用v3.0v3.3.6应用于以下示例。见文件

工作3.0示例




  • 什么不起作用实际上意味着什么?您需要提供有关您遇到的问题的详细信息。根据您提供的内容,您还没有解释导航栏不工作的原因。它们在v3.0和v3.3.6中的工作原理相同。检查文档,因为您缺少一些元素,这些元素将导致v3的任何版本中出现问题-->。@vanburen javascript部分不起作用。