css - 在容器大小而不是窗口大小上应用 Bootstrap 脚手架

Question

我有一个使用 Twitter Bootstrap 构建的单页应用程序。我的应用程序有几个模态对话框，它们通常占页面宽度的 70%，并且水平居中。我的页面和模态设置是这样的:

我在模态框内放置了一行和几列。当我调整页面大小时，列采用 col-sm-6 样式真的很晚，因为 col-md-* 和 col-sm-* 取决于窗口大小，而不是周围容器的大小，据我所知。所以虽然我的页面是仍然是 1200 像素宽，我的模式只有 840 像素宽，因此需要列使用 col-sm-* 类。

有没有办法告诉 Bootstrap 根据容器的大小而不是窗口大小来应用类？

Answer 1

您使用的是哪个版本的 Bootstrap？在 Boostrap 3 上，您可以使用以下方式强制模式对话框:

.modal .modal-dialog { width: 900px; }

这里有一个相关的帖子: how-can-i-change-the-default-width-of-a-twitter-bootstrap-modal-box