gpt4 book ai didi

twitter-bootstrap - Bootstrap 响应式菜单不可点击

转载 作者:行者123 更新时间:2023-12-01 06:11:41 25 4
gpt4 key购买 nike

我正在尝试修复由其他人编写的网站。大多数事情似乎都有效,除了响应式 View 中的菜单。 “汉堡包”按钮确实出现,但不可点击。 CSS 有点大,我不知道从哪里开始。

JSFiddle

这是在该按钮下的响应式 View 中看到的内容:

   <button type="button" class="navbar-toggle" 
data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

数据目标应该指向哪里?

此外,如果我需要将 JavaScript 文件的内容也添加到 JSFiddle,请告诉我。它们似乎与我无关。

最佳答案

这似乎对我有用。
http://jsfiddle.net/9j15q8p7/1/

<body class="theme-invert" onload="prettyPrint()">
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><img src="/img/logo.png" width="245" height="29" /></a><br><br><br>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="/">Home</a></li>
<li><a href="/page2">Page 2</a></li>
<li><a href="/page3">Page 3</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>

<div style="max-width:1000px; margin:0 auto; padding-bottom:20px;">

<article class="markdown-body">
<h1>Header</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac quam risus, at tempus
justo. Sed dictum rutrum massa eu volutpat. Quisque vitae hendrerit sem. Pellentesque lorem felis,
ultricies a bibendum id, bibendum sit amet nisl. Mauris et lorem quam. Maecenas rutrum imperdiet
vulputate. Nulla quis nibh ipsum, sed egestas justo. Morbi ut ante mattis orci convallis tempor.
Etiam a lacus a lacus pharetra porttitor quis accumsan odio. Sed vel euismod nisi. Etiam convallis
rhoncus dui quis euismod. Maecenas lorem tellus, congue et condimentum ac, ullamcorper non sapien.
Donec sagittis massa et leo semper a scelerisque metus faucibus. Morbi congue mattis mi.
Phasellus sed nisl vitae risus tristique volutpat. Cras rutrum commodo luctus.</p>

您必须将外部 JavaScript 和 CSS 文件放在左侧的菜单中(外部资源)。

关于twitter-bootstrap - Bootstrap 响应式菜单不可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30247796/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com