Question

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

现在（2015年2月26日），如果在任何IPhone / Pad / Pod上安装了最新的Bootstrap，它是否能正常运行。

New-info-1：其他iPhone用户说：ThisLinkWorksWell-1和ThisLinkWorksWell-2运行良好，但折叠菜单无效。

New-info-2：似乎2个链接无效：1）share-button-FaceBook 2）collapse-menu-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

我在手机店测试了几个IPhones。一切都运作良好。所以：问题不是BT，而是与iPhone有关。也许没有安装最新的更新或非常老的IPhone（......他们在店里说）？！

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

1 个答案: