Twitter bootstrap Twitter引导程序不起作用

Twitter bootstrap Twitter引导程序不起作用,twitter-bootstrap,button,responsive-design,Twitter Bootstrap,Button,Responsive Design,嗨,我的问题是按钮坏了,我找不到哪里错了。有什么帮助吗?我也是Twitter引导的新手。 你可能会因此而自责。你应该把那个多余的“t”删掉 使用引导时,最好使用基本模板 你的问题是:Bootstrap中的折叠导航栏使用Bootstrap.js。这个文件基于jQuery。所以在代码的底部,您必须添加这两个文件 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">

嗨,我的问题是按钮坏了,我找不到哪里错了。有什么帮助吗?我也是Twitter引导的新手。



你可能会因此而自责。你应该把那个多余的“t”删掉


使用引导时,最好使用基本模板

你的问题是:Bootstrap中的折叠导航栏使用Bootstrap.js。这个文件基于jQuery。所以在代码的底部,您必须添加这两个文件

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


Paspartu,您所指的按钮是当视口足够小时出现的三明治。尝试缩小浏览器,直到看到这一点。

Buttton
应该是
按钮

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

应该是

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

此外,如果按钮没有响应,则需要将其添加到标题页:

 <!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

 <!-- jQuery library -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

 <!-- Latest compiled JavaScript -->
 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


首先将此添加到标题中。您没有响应的按钮需要JQUERY才能工作(我从W3schools获取了链接以供回答)

您是否同时包含JQUERY和BootstrapJS?请参阅示例,我只有Bootstrap.js文件。没有jQuery文件。您需要将jQuery放在引导之前。但是在js文件夹中没有jQuery.js文件…?您需要将jQuery放在那里或使用CDN访问它,只需链接任何其他依赖项即可。请看我在原始评论中发布的示例。你的意思是“”?就是这样。谢谢。是的,我知道,问题是当我点击按钮时没有反应
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 <!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

 <!-- jQuery library -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

 <!-- Latest compiled JavaScript -->
 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>