“xs”屏幕上不显示Bootstrap对话框

Question

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

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

此代码适用于大多数屏幕，但不适用于移动设备（屏幕尺寸为'xs'）。我无法理解为什么。这是一个最小的（ish）复制 - 调整预览窗格的大小并重新加载以查看我的意思。

http://jsfiddle.net/u7KW6/

Answer 1

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