在引導

Question

創建一個表狀我有一個表單看起來應該像這樣的：

Label:   <input field> Explanation of this field 
Another Label: <input field> Lengthy explanation, must wrap. 

我試圖做到這一點在Twitter的引導，而無需使用實際<table>。一張桌子可以防止這些字段在狹窄的屏幕上（如移動設備）纏繞。

標準引導語法是這樣的：

<label>Label name</label> 
<input type="text" placeholder="Type something…"> 
<span class="help-block">Example block-level help text here.</span> 

有沒有什麼辦法讓這些領域去水平？ 「form-inline」類不會削減它，因爲標籤不對齊，而「form-horizo​​ntal」類沒有工作，因爲我無法獲得class =「help-block」來放置幫助正確的文字。

也許有一招我錯過了？還是第三方的css做更好的形式？

Answer 1

在這裏你去，試試這個（只使用自舉類）http://jsfiddle.net/jonschlinkert/pngWh/11/

（只需取出.warning，.info，.error，.success類刪除驗證的狀態。我把它們放在那裏，這樣它會更容易我與文檔的例子）關聯

這是什麼樣子：