Ios (菜单)使用引导在IPhone上无法单击的项目
我正在使用最新的引导版本。 使用Iphone的网站用户,无法单击菜单项(导航栏等) 现在(2015年2月26日),在任何IPhone/Pad/Pod上都有最新的引导程序,这一点应该可以很好地发挥作用 New-info-1:其他IPhone用户说:ThisLinkWorksWell-1和ThisLinkWorksWell-2工作正常,但折叠菜单不起作用 New-info-2:似乎有两个链接不起作用:1)共享按钮FaceBook 2)折叠菜单BT。。。。都是javascript 我放进去的所有用过的文件:www.WeTransfer.com(下载至3月6日)downloadlink=Ios (菜单)使用引导在IPhone上无法单击的项目,ios,twitter-bootstrap-3,Ios,Twitter Bootstrap 3,我正在使用最新的引导版本。 使用Iphone的网站用户,无法单击菜单项(导航栏等) 现在(2015年2月26日),在任何IPhone/Pad/Pod上都有最新的引导程序,这一点应该可以很好地发挥作用 New-info-1:其他IPhone用户说:ThisLinkWorksWell-1和ThisLinkWorksWell-2工作正常,但折叠菜单不起作用 New-info-2:似乎有两个链接不起作用:1)共享按钮FaceBook 2)折叠菜单BT。。。。都是javascript 我放进去的所有用过的
家
切换导航
CSS-------------------
@字符集“utf-8”;
/*CSS文档*/
.集装箱{
背景:rgba(255255220,1);
边界半径:6px;
}
.btnV{/*vorm*/
边框顶部颜色:#eeeeee;
边框顶部宽度:2px;
边框顶部样式:实心;
高度:45px;
保证金:6px 0px 16px 8px;
填充顶部:8px;
位置:相对位置;
-左上角moz边界半径:90px;
-webkit边框左上半径:90px;
边框左上半径:90px;
-moz边框半径右上角:4px;
-webkit边框右上角半径:4px;
边框右上角半径:4px;
-moz边界半径右下角:90px;
-webkit边框右下半径:90px;
边框右下半径:90px;
-moz边框半径左下角:90px;
-webkit边框左下半径:90px;
边框左下半径:90px;
}
.btn:悬停{
边框:1px实心#d1d1;
}
李,p{
线高:1.28em;
}
李耶诺夫先生{
利润率:5px-15px 0px-15px;/*T,R,B,L*/
边框顶部:1px实心#e5;
}
@介质(最小宽度:768px){
李耶诺夫先生{
余量:-8px 0px 0px 0px;/*T、R、B、L*/
}
我在手机商店测试了几部IPhone。它们都运行良好。所以:问题不在于BT,而在于IPhone。
可能不是最新安装的更新或非常旧的IPhone(…他们说在商店里)?!好的,它应该可以工作…任何关于IPhone上的调整阻止了“引导点击”的建议…或者它可能是旧的IPhone类型(或IOS版本)这在BT上不起作用?因为你没有发布任何代码,所以不可能这么说。它确实是特定的(旧的)Iphone。
<!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*/
}