javascript - Bootstrap 对话框不显示在 "xs"屏幕上

Question

在 Bootstrap 3 站点上，我有一个对话框。单击其关联按钮时，它始终会打开。但是，我也希望它在被 Javascript 中的某个函数调用时打开:

$('#login').modal('show');

此代码适用于大多数屏幕，但不适用于移动设备(屏幕尺寸为“xs”)。我不知道为什么。这是一个最小的(大概)再现 - 调整预览 Pane 的大小并重新加载以了解我的意思。

http://jsfiddle.net/u7KW6/

Answer 1

问题的出现似乎是因为您将 modal div 放在了 navbar-header 中。如果像 this 那样将它移到那个 div 之外例如，它将按您的意愿工作。