Bootstrap 3.0 Modal不会在移动设备上呈现

Question

我正在为我的网站（3.x左右）使用最新版本的Bootstrap，并且我对模态有一些问题。

我网站的登录信息是以模式编写的，当您单击其链接时，它将弹出并在桌面浏览器上正确呈现100％。但是，当我尝试在我的Iphone浏览器上访问该模式时，该模式根本无法生成：该链接似乎没有做任何事情。

这里是模态链接的代码：

<a data-toggle="modal" data-target="#login-box">Login</a>

这是模态代码本身：

<div class="modal fade" id="login-box" tabindex="-1" role="dialog" aria-labelledby="login-box-title" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="login-box-title">Login</h4>
            </div>
            <div class="modal-body">
              <!-- Content of the box goes here -->
            </div>
        </div>
    </div>
</div>

我使用了我的bootstrap文件夹中包含的javascript文件以及Jquery 1.11.0，如果这很重要的话。

这是指向我网站的链接：http://obs.arbitratum.com（大部分内容仅在我的本地计算机上构建，但登录和注册功能正常工作）。