Css 导航条未在ipad中覆盖

我在一个网站上工作，我有一个问题，导航栏在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>

---

我正在使用Bootstrap v3.3.5（）版本

其他示例是否有效？像这样：

请帮我解决这个问题。除了ipadWell中导航条折叠外，所有功能都正常工作。。。也许iPad的浏览器不支持用于制作可折叠导航栏的属性？浏览器一定有问题。但我正在检查：。在这里，您可以在所有设备中看到您的webiste。请检查浏览器对您的引导版本的支持，并。。。bootstrap有一个更新的版本，它支持一些浏览器。制作一个简单的示例并检查其可折叠功能。