Question

我最近建立了这个网站http://www.bier-in-aktion.at。在Safari中打开iPhone 5/6上的网站时，打开第一级锚点“Biergarten”的naviagation下拉列表工作正常。问题出现了，当我在“Biergarten”上选中时，它会显示下拉菜单ul的10

。

也正常工作： - Chrome /浏览器三星Galaxy - Mac Chrome - Mac Safari

你知道如何解决这个iPhone问题吗？

<nav class="navbar navbar-default" role="navigation">

<div class="container">

    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <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="/"><img src="http://www.bier-in-aktion.at/images/bier-in-aktion-logo.png" alt="Logo"></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a data-target="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Biergarten <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                                                <li><a href="#Puntigamer">Puntigamer</a></li>
                                                <li><a href="#Stiegl">Stiegl</a></li>
                                                <li><a href="#Ottakringer">Ottakringer</a></li>
                                                <li><a href="#Wieselburger">Wieselburger</a></li>
                                                <li><a href="#Zipfer">Zipfer</a></li>
                                                <li><a href="#Schwechater">Schwechater</a></li>
                                                <li><a href="#Egger">Egger</a></li>
                                                <li><a href="#G&ouml;sser">G&ouml;sser</a></li>
                                                <li><a href="#Murauer">Murauer</a></li>
                                                <li><a href="#Kaiser">Kaiser</a></li>
                 </ul>
            </li>
        </ul>
        <form class="navbar-form navbar-right beer-search-form" role="search">
            <h1 style="font-size: 1.4em; color: #c5c4c2; margin:0px; float:right">Aktuelle Bier Aktionen und Angebote</h1>
        </form>

    </div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->

提前许多Thx！

Answer 1

class =“dropdown-toggle”需要在这里添加href标记

需要添加href="#"这将解决此问题。

干杯。

Navbar在iPhone上切换Twitter Bootstrap 3（颠覆3.0）的问题

1 个答案: