我正在使用bootstrap中的inline-help类，它位于具有“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用于响应文本字段，所以我无法删除它。 知道如何解决这个问题吗？ 谢谢！:)
答案 0 :(得分：0)
在Twitter Bootstrap中，<input>旨在使用以下类来调整大小：
input-small
input-medium
input-large
input-xlarge
input-xxlarge
spanX类更适用于<div>和其他容器元素（尽管我承认已将它们用于其他方面的效果）。
如果您使用随Bootstrap提供的自适应CSS，一旦您达到手机大小的视口宽度，所有spanX类将变为width:100%;，这将保证您的help-inline内容将被推到下一行。
至少在input-small和input-medium时，它们不会填满整个宽度，只要视口不小，就可以保留help-inline。