0

我在具有“span11”类的输入字段旁边使用引导程序中的内联帮助类。跨度没有与输入字段内联显示，而是由于类“span11”而显示在下一行

这是代码：

<div class="control-group error" id="password-control">
<label class="control-label" for="password-confirm">Confirm Password</label>
<input type="password" size="30" name="register[confirm]" id="password-confirm" class="span11">
<span class="help-inline">password did not match</span>

当我摆脱 span11 时，它会显示在输入字段旁边。我需要 span11 用于响应式文本字段，所以我无法删除它。知道如何解决这个问题吗？谢谢！：）

4

1 回答 1

0

在 Twitter Bootstrap 中，<input>'s 旨在使用以下类来调整大小：

input-small
input-medium
input-large
input-xlarge
input-xxlarge

这些spanX类更适用于<div>'s 和其他容器元素（尽管我承认使用它们对其他事物产生了良好的影响）。

如果您使用的是 Bootstrap 提供的响应式 CSS，一旦您缩小到手机大小的视口宽度，所有spanX类都将变为width:100%;，这将保证您的help-inline内容将被推送到下一行。

至少它们不会填满整个宽度，只要视口不是小得离谱，你就可以保持在input-small那里。input-mediumhelp-inline

于 2012-08-26T19:18:03.680 回答