移动设备不支持 Bootstrap3 不下拉？答案

【问题标题】：Bootstrap3 don't dropdown don't supported in mobile?移动设备不支持 Bootstrap3 不下拉？
【发布时间】：2015-08-03 11:48:17
【问题描述】：

我正在使用 twitter Bootstap3 创建下拉列表，以便在用户点击后更改语言。

问题在浏览器中也可以正常工作，但在移动设备上不显示。

<div class="col-md-1 lang open">  
        <a class=" dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="true">
           <span class="is-mob">Languages </span> 
           <img src="http://localhost/cootel/assets/img/lang/english.jpg">
           <span class="caret"></span>
        </a> 
        <ul class="dropdown-menu">
            <li><a class="img-lang" href="http://localhost/cootel/language/kh/?url="><img src="http://localhost/cootel/assets/img/lang/khmer.jpg"></a></li>
            <li><a class="img-lang" href="http://localhost/cootel/language/ch/?url="><img src="http://localhost/cootel/assets/img/lang/chinese.jpg"></a></li>
            <li><a class="img-lang" href="http://localhost/cootel/language/eng?url="><img src="http://localhost/cootel/assets/img/lang/english.jpg"></a></li>
        </ul> 
  </div>

非常感谢您的帮助

【问题讨论】：

可能你设置它 display:none 在媒体查询中，或者可能它在那里但它的位置没有在媒体查询中设置，或者你可能必须设置 z-index，原因太多。
不，我使用谷歌浏览器测试它是否也能正常工作，但当我在移动设备上进行实际测试时，我没有显示。
可以分享一下网站的链接吗
右上角有一个更改语言的图标hengsopheak22.byethost11.com
是的，它可以工作，所有浏览器和安卓手机也可以，但很抱歉我没有 IOS，我无法检查，尝试用这个 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 替换 <meta> 可能是它解决问题，不确定

标签： jquery css html twitter-bootstrap-3

【解决方案1】：

你检查过你的javascript了吗？如果它加载正确与否，如果它没有显示在移动版本中，那么我一定是来自 css 的错误...... P.S：我已经在我的机器上检查过它工作正常..

【讨论】：