引导程序3中的导航切换按钮未下拉（Javascript问题？）_Javascript_Twitter Bootstrap_Twitter Bootstrap 3

引导程序3中的导航切换按钮未下拉（Javascript问题？）

javascript twitter-bootstrap twitter-bootstrap-3

引导程序3中的导航切换按钮未下拉（Javascript问题？）,javascript,twitter-bootstrap,twitter-bootstrap-3,Javascript,Twitter Bootstrap,Twitter Bootstrap 3,当屏幕变小时，当我单击导航切换按钮时，它不会显示导航菜单。我绞尽脑汁来解决这个问题，认为JavaScript是不活跃的。尽管如此，我仍然不能使它正常工作 JQuery正在工作，并且已经放在JavaScript之前。我尝试了JS的web链接，但这似乎不起作用。我试着在我的文件夹中移动JS文件，但这似乎再次不起作用代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

当屏幕变小时，当我单击导航切换按钮时，它不会显示导航菜单。我绞尽脑汁来解决这个问题，认为JavaScript是不活跃的。尽管如此，我仍然不能使它正常工作

JQuery正在工作，并且已经放在JavaScript之前。我尝试了JS的web链接，但这似乎不起作用。我试着在我的文件夹中移动JS文件，但这似乎再次不起作用

代码如下：

<!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">

<title>Bootstrap 101 Template</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<style>

.navbar-brand {font-size:180%;}

.myImage {width:100%;
       height:600px;
       background-size:cover;}

.background {background-color:black;}

</style>
</head>
<body>

<div class="navbar navbar-default">

<div class="container">

    <div class="navbar-header">

        <div class="navbar-brand"></div>


        <!--Nav toggle button on mobile-->

            <button class="navbar-toggle" 
                    data-toggle="collapse" 
                    datatarget=".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>      

            <div class="collapse navbar-collapse">

                <ul class="nav navbar-nav">

                    <li class="active"><a href="">Home</a>
                    <li class=""><a href="">About</a>
                    <li class=""><a href="">Download</a>

                </ul>

                    <!--log in section-->

                <form class="navbar-form navbar-right">

                    <div class="form-group">

                         <input type="email" 
                                placeholder="Email" 
                                class="form-control">
                    </div>

                    <div class="form-group">

                         <input type="password" 
                                placeholder="Password" 
                                class="form-control">

                    </div>

            <button type="button" class="btn btn-success">Log In</button>

                </form>
            </div>

</div>  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>


引导101模板
.navbar品牌{字体大小：180%；}
.myImage{宽度：100%；
高度：600px；
背景尺寸：封面；}
.background{背景颜色：黑色；}
切换导航





登录

感谢您的帮助。

您在数据目标上输入了一个错误：

<button class="navbar-toggle" 
        data-toggle="collapse" 
        datatarget=".navbar-collapse">

相反，它应该是：

<button class="navbar-toggle" 
        data-toggle="collapse" 
        data-target=".navbar-collapse">