让引导容器中的所有内容保持固定宽度答案

【问题标题】：Getting everything in bootstrap container to stay a fixed width让引导容器中的所有内容保持固定宽度
【发布时间】：2015-09-18 03:46:05
【问题描述】：

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

我尝试设置最小宽度，但没有任何作用。

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

【问题讨论】：

【解决方案1】：

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

如果没有看到您的代码，我无法确定，所以也许发布一个 JSFiddle，我会用正确的答案编辑它。

【讨论】：

【解决方案2】：

为什么要使用固定最小宽度？这是表单数据移动的原因。尝试使用col-md-4 或col-xs-5 等类或百分比宽度。

【讨论】：

在我的容器中，我有一个引导行和两个引导列，它们具有 col-- 类，您能否为我提供更多信息来设置这些列，以便它们不会不转？我是否需要设置所有类（例如 col-lg、col-md、col-sm、col-xs）？

【解决方案3】：

我不确定您要实现什么目标，因为您似乎违反了响应式框架，这让我想知道您为什么首先使用引导程序？

此外，我认为这篇元标签帖子将帮助您通过使用meta 标签实现这样的目标

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

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

【讨论】：

【解决方案4】：

【讨论】：