Question

我有一个使用Twitter Bootstrap构建的单页面应用程序。我的应用程序有几个模态对话框，通常占用页面宽度的70％并且水平居中。我的页面和模态设置如下：

enter image description here

我在模态中放置了一行列。当我调整页面大小时，列col-sm-6样式确实很晚，因为col-md-*和col-sm-*取决于窗口大小而不是周围容器的大小，因为我理解它。所以虽然我的页面是例如仍然是1200px宽，我的模态只有840px宽，因此需要列使用col-sm-*类。

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

Answer 1

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

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