在Bootstrap中创建一个类似表格的表单

Question

我有一个看起来像这样的表格：

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

我正在尝试在Twitter Bootstrap中执行此操作，而不使用实际的<table>。表格可以防止字段在狭窄的屏幕上（如移动设备）进行换行。

标准的Bootstrap语法是：

<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

在这里，试试这个（仅使用Bootstrap类）http://jsfiddle.net/jonschlinkert/pngWh/11/

（只需移除.warning，.info，.error，.success类即可删除验证状态。我将它们留在那里以便更容易关联我的例子与文档）

这就是它的样子：