0

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

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

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

4

2 回答 2

2

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

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

  • 手动设置该输入的宽度（不响应！）；
  • 使用.input-mini/ .input-small（也没有响应）；

如果您可以在这方面多花些时间，请为输入字段创建另一个网格，当媒体查询匹配宽度小于 768 像素的设备时，该网格会做出不同的响应。

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

于 2013-07-01T15:21:04.403 回答
1

您可以在输入上使用 input-mini 或 input-small 类：

http://twitter.github.io/bootstrap/base-css.html#forms（搜索相对大小）

<input class="input-mini" type="text" placeholder=".input-mini">
<input class="input-small" type="text" placeholder=".input-small">
于 2013-07-01T15:15:20.360 回答