Twitter bootstrap Twitter引导程序不起作用
嗨,我的问题是按钮坏了,我找不到哪里错了。有什么帮助吗?我也是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">
你可能会因此而自责。你应该把那个多余的“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>