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>

我正在使用Bootstrap v3.3.5（http://getbootstrap.com）版本

Answer 1

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

导航栏不是ipad中的coapse

1 个答案: