Dropdown Bootstrap无法在移动设备上运行

Question

我正在使用Wordpress和Bootstrap创建一个主题，并为页面上的过滤元素添加了“下拉列表”。它适用于所有浏览器，包括当我将它们缩小到移动大小时。但是，当我从iPhone或iPad访问该网站时，下拉列表不会下降，可以这么说。

这是我的标记：

<div class="col-md-4 col-sm-6">
    <div class="bdo-employee-filter dropdown">
        <div class="dropdown-toggle filter-button" type="button" data-toggle="dropdown">
            <div class="text">Filtrera</div>
            <div class="arrow"></div>
        </div>
        <ul class="dropdown-menu" role="menu">
            <li><a href="/">Rensa filtrering</a></li>
            <li><a href="/">IT</a></li>
            <li><a href="/">Office of World Reign</a></li>
        </ul>
    </div>
</div>

我尝试过关注Bootstrap's example并且无法真正看出可能出现的问题。当我尝试从iphone或ipad打开下拉列表时，根本没有任何事情发生。在同一页面上，我使用他们的navbar dropdown，这在所有设备上都能正常工作。