Question

我有一个带有大量表单数据的引导容器。无论我的窗户有多宽，我认为容器的宽度是970px。但是，当我将窗口缩小到更小的尺寸时，内部的表单数据会被推动并移动。有没有办法让容器数据都设置为固定宽度，这样当我调整窗口大小时，内部元素不会移动？

我尝试了设置最小宽度，但没有做任何事情。

.container {
    min-width: 970px !important;
    border: 1px solid black;
}

Answer 1

如果您正在使用容器内的列，请不要忘记它们具有百分比宽度，因此您需要修复这些元素的宽度。

在没有看到您的代码的情况下我无法确定，所以也许发布一个JSFiddle，我会用正确的答案对其进行编辑。

Answer 2

为什么使用fix min-width？这是形式数据移动的原因。尝试使用col-md-4或col-xs-5等类或百分比宽度。

Answer 3

我不确定你想要实现什么，因为你似乎反对响应式框架，这让我想知道为什么你在第一时间使用bootstrap？

此外，我认为这个元标记帖子可以帮助您使用meta标记

来实现这一目标

<meta name="viewport" content="width=970">

您应该将.container更改为.container-fluid。

Answer 4