导航栏不能在ipad中使用

Question

我正在一个网站上工作，我有一个导航栏不在Ipad中崩溃的问题。这是我的HTML代码：

<div class="navbar-heade"> 
<div class="logo pull-left"><a href="index.html" class="header-logo"><img  src="assets/images/logo-color-1.png" alt="" /></a></div> 
<button type="button" data-toggle="collapse" data-target=".navigation" class="navbar-toggle template-navbar"> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
</button> 
</div> 


<nav class="navigation collapse navbar-collapse pull-right"> 
<ul class="nav-links nav navbar-nav"> 
<li><a href="index.html" class="main-menu" target="_blank">Home</a></li> 
<li><a href="" class="main-menu" target="_blank">Link 1</a></li> 
<li class="dropdown"><a href="javascript:void(0)" class="main-menu">Main Menu<span class="fa fa-angle-down icons-dropdown"></span></a> 
<ul class="dropdown-menu template-dropdown-menu-1"> 
<li><a href="" target="_blank" class="link-page">Sub Menu 1</a></li> 
<li><a href="" target="_blank" class="link-page">Sub Menu 2</a></li> 
<li><a href="" target="_blank" class="link-page">Sub Menu 3</a></li> 
<li><a href="" target="_blank" class="link-page">Sub Menu 4</a></li> 
</ul> 
</li> 
<li class="dropdown"><a href="javascript:void(0)" class="main-menu">main Menu<span class="fa fa-angle-down icons-dropdown"></span></a> 
<ul class="dropdown-menu template-dropdown-menu-1"> 
<li><a href="" target="_blank" class="link-page">Sub Menu 1</a></li> 
<li><a href="" target="_blank" class="link-page">Sub Menu 2</a></li> 
</ul> 
</li> 
</ul> 
</nav> 

我使用引导v3.3.5（http://getbootstrap.com）版本

Answer 1

是工作的其他例子吗？像这样：https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar_collapse