bootstrap內聯幫助跨度與類跨度的輸入字段一起使用時不是內聯的

Question

我在引導程序旁邊的「span11」類輸入字段中使用了inline-help類。跨度不與輸入字段出現內聯和，而它顯示了上，因爲類「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作爲響應文本字段，所以我無法刪除它。 任何想法如何解決這個問題？ ！ 謝謝:)

Answer 1

在Twitter的引導，<input>的旨在使用類的大小：

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

的spanX類多個要<div>的和其他containery元素（雖然我承認已經使用它們對其他事物產生了良好影響）。

如果您使用的是帶有引導，一旦你到手機大小的視口寬度都spanX類成爲width:100%;，這將保證您的help-inline內容將被推到下一行的響應CSS。

至少有input-small和input-medium他們永遠不會填滿整個寬度，你可以保持help-inline那裏，只要視口不小得可笑。