这个HTML有什么问题？ [英] What is wrong with this HTML?

问题描述

大家好，对于一个新人来说，任何帮助都无法解决这个问题。这是我的可折叠导航栏html，由于某种原因，一旦将其下载到移动大小，我就无法打开菜单。它确实适应汉堡包风格菜单，但不会打开。谢谢大家！

 <！ -     Navbar    - >   
 
 <   div     class   =  navbar-wrapper >  
 <   div     class   =  navbar navbar-inverse navbar-fixed-top >  
 <   div     class   = 容器 >  
 <   div     class   =  navbar-header >  
 <  按钮    type   =  button    class   =  navbar-toggle    data-toggle   = 折叠    data-target   =  .navbar-collapse >  
 <   span     class   = 仅限sr > 切换导航<   / span  >  
 <   span     class   =  icon-bar >  <   / span  >  
 <   span     class   =  icon-bar >  <   / span  >  
 <   span     class   =  icon-bar  >  <   / span  >  
 <   /按钮 >  
 
 <   a     class   =  navbar-brand    href   =  / >  <   / a  >  <   / div  >  <！ -     navbar-header   - >   
 
 <   div     class   = 折叠导航栏折叠js-navbar-collapse >  
 <   ul     class   =  nav navbar-nav navbar-right >  
 <   li     class   =  active >  <   a     href   = ＃  > 主页<   / a  >  <   / li  >  
 <   li  >  <   a     href   = ＃ > 我的工作<   / a  >  <  < span class =code-leadattribute> / li  >  
 <   li  >  <   a     href   = ＃ > 服务<   / a  >  <   / li  >  
 <   li  >  <  < span class =code-leadattribute> a     href   = ＃ > 关于我<   / a  >  <   / li  >  
 < ;   li  >  <   a     href   = ＃ > 联系<   / a  >  <   / li  >  
 <   / ul  >  <！ -     navbar-right    -  - >   
 <   / div  >  <！ -     navbar-collapse    - >   
 <   / div  >  <！ -     navbar-container    - >   
 <   / div  >  <！ -     navbar-fixed    - >   
 <   / div  >  <！ -     navbar-包装   - >   

我尝试了什么：



我曾尝试在网上寻找自己的帮助，并知道我错过了一些愚蠢的东西，就像我说的那样我是html的新手，还在学习，慢慢地......

解决方案

只是猜测 - 但是onclick可能（很难说你是否正在使用其他代码/框架来挂钩）或者没有）？



例如：



< button type =button class =navbar-toggledata-toggle =collapsedata-target =。navbar-collapseonclick =alert（'hello'）; return false;>

切换导航







< / button>



您必须通过调用函数来替换alert（'hello'）以对菜单执行操作...

Hello all, any help for a new guy, can't figure this one out. This is my collapsable navbar html and for some reason I can't get the menu to open once it is brought down to mobile size. It does adjust to the "hamburger" style menu but will not open. Thank you all!

<!-- Navbar	 -->

<div class="navbar-wrapper">
<div class="navbar navbar-inverse 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="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>	
<span class="icon-bar"></span>	
<span class="icon-bar"></span>	
</button>

<a class="navbar-brand" href="/"></a></div><!-- navbar-header	 -->

<div class="collapse navbar-collapse js-navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Work</a></li>	
<li><a href="#">Services</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact</a></li>	
</ul><!-- navbar-right -->		
</div><!-- navbar-collapse -->		
</div><!-- navbar-container	 -->
</div><!-- navbar-fixed	 -->	
</div><!-- navbar-wrapper -->

What I have tried:

I have tried looking online for some help on my own and know I am missing something stupid, like I said I am new to html and still learning, slowly...

解决方案

just guessing - but onclick maybe (hard to tell if you are using other code/framework to hook into the elements or not)?

for example:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" onclick="alert('hello');return false;">
Toggle navigation



</button>

you'll have to replace alert('hello') with a call to a function to act on your menu...

这篇关于这个HTML有什么问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！