html - 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をドキュメントに簡単に関連付けることができるように、それらをそのままにしておきました）

これはどのように見えるかです：