css - 低分辨率下的 Bootstrap 响应输入宽度

Question

也许这个问题以前有人问过，或者甚至是一个不应该问的问题。我正在使用 Twitter Bootstrap 及其响应式 CSS。我的应用程序中的输入字段应该非常小，因为我只输入数字 0-999。

我在输入上设置了 class="span1"，这在高分辨率视口(viewport)上看起来是正确的。但是，当调整窗口大小时或在移动设备上查看时，输入字段的宽度会增加，超出此用例所需的宽度。

当视口(viewport)分辨率降低时，有什么方法可以强制输入字段保持较小的宽度吗？

Answer 1

实际上，这就是 Bootstrap 的工作原理。具有 .spanX 类之一的所有内容在分辨率 < 768px 时获得 100% 宽度。

如果你想强制一个小宽度，你更快的选择是:

• 手动设置该输入的宽度(没有响应!)；
• 使用 .input-mini/.input-small(也没有响应)；

如果您可以在这上面花更多时间，请为输入字段创建另一个网格，当媒体查询匹配宽度 < 768px 的设备时，它会做出不同的响应。

注意 Bootstrap 3即将推出。它们将包括一个移动优先的网格，让您可以优雅地做您想做的事。
Bootstrap 的竞争对手，Foundation , 已经包含了这个。