（菜单）无法使用 Bootstrap 在 IPhone 上单击的项目

Question

我正在使用最新的 Bootstrap 版本。使用 Iphone、 的网站用户无法单击 菜单项（导航栏等）。

现在（2015 年 2 月 26 日）在任何 IPhone / Pad / Pod 上使用最新的 Bootstrap 是否应该运行良好。

New-info-1：其他 IPhone-user 说：ThisLinkWorksWell-1 和 ThisLinkWorksWell-2 运行良好，但折叠菜单不起作用。

New-info-2：似乎有 2 个链接不起作用：1) 分享按钮-Facebook 2) 折叠菜单-BT .... javascript !?

我放入的所有使用过的文件：www.WeTransfer.com（下载至 3 月 6 日）downloadlink=http://we.tl/8dvkmYCSLa

            <!DOCTYPE html>
            <html lang="nl">

            <head>
            <meta charset="utf-8">
            <meta http-equiv="content-type" content="text/html; charset=UTF-8">

            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

            <!-- CSS files -->
            <link href="bt/css/bootstrap.min.css" rel="stylesheet">
            <link href="bt/css/docs.min.css" rel="stylesheet">
            <link href="css/layout.css" rel="stylesheet" type="text/css" />

            <title>Home</title>

            </head>
            <body>
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <nav class="navbar navbar-default navbar-static-top" role="navigation">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div><!--/navbar-header-->
                            <div id="navbar" class="navbar-collapse collapse">
                                <ul class="nav LijnNav">
                                    <a class="btn" href="index.html" title="Home" role="Home">Home</a>        
                                    <a class="btn" href="page-n.html" title="page-n" role="page-n">page-n</a>
                                </ul>
                            </div><!--/.nav-collapse -->
                        </nav>


                            <a href="http://ThisLinkWorksWell.nl" TARGET="_blank"><img src="ThisLinkWorksWell.png" alt="ThisLinkWorksWell-1" title="ThisLinkWorksWell-1">
                            </a>


                        <br><input class="btn btnV btn-default" type="button" value="TopPage-WorksWell-2" onclick="location.href = '#Top'" />
                    </div><!--/col -->
                </div><!--row-->
            </div><!--container-->

                <script async src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
                <script async src="bt/js/jqueryGoogle.min.js"></script>
                <script async src="bt/js/bootstrap.min.js"></script>
            </body>
            </html>



CSS -------------------
            @charset "utf-8";
            /* CSS Document */
            .container {
                background: rgba(255,255,220,1);
                border-radius: 6px;
            }
            .btnV {/*vorm*/
                border-top-color: #eeeeee;
                border-top-width: 2px;
                border-top-style: solid;
                height: 45px;
                margin: 6px 0px 16px 8px;
                padding-top: 8px;
                position: relative;
                -moz-border-radius-topleft: 90px;
                -webkit-border-top-left-radius: 90px;
                border-top-left-radius: 90px;
                -moz-border-radius-topright: 4px;
                -webkit-border-top-right-radius: 4px;
                border-top-right-radius: 4px;
                -moz-border-radius-bottomright: 90px;
                -webkit-border-bottom-right-radius: 90px;
                border-bottom-right-radius: 90px;
                -moz-border-radius-bottomleft: 90px;
                -webkit-border-bottom-left-radius: 90px;
                border-bottom-left-radius: 90px;
            }
            .btn:hover {
                border: 1px solid #d1d1d1;
            }
            li, p {
                line-height: 1.28em;
            }
            .LijnNav {
                margin: 5px -15px 0px -15px;/*T,R,B,L*/
                border-top: 1px solid #e5e5e5;
            }

            @media (min-width:768px) {
            .LijnNav {
                margin: -8px 0px 0px 0px;/*T,R,B,L*/
            }

Answer 1

我在 phone-store 中测试了几个 IPhones。一切正常。所以：问题不是BT，而是与IPhone有关。可能没有安装最新的更新或非常旧 IPhone（...他们在商店里说）？！

（菜单）无法使用 Bootstrap 在 IPhone 上单击的项目

(menu)Items not clickable on IPhone using Bootstrap

ios

twitter-bootstrap-3