html - 上部に大きなテキストエリアがあるブートストラップで2列のビューを構築する方法

Question

みなさん、こんにちは。追加した写真のようなビューを作成しようとしています。添付の​​写真のように2列のビュー（表示フォーム）を作成したいと思います。すでにこのような2列の入力フォームがありますが、ビューの作成に使用する要素がわかりません。入力フォームには入力要素を使用しました。次のようなレイアウトにしたいのですが。

       textbox

field1           field2

field3          field4

私が探しているビューを構築するには、HTMLはどのように見えるべきですか？

前もって感謝します、

明細書

Answer 1

グリッドサイジングクラスを使用します（.span1〜.span12）：

<div class="container">
    <div class="controls">
        <textarea class="span12" type="text"></textarea>
    </div>
    <div class="controls controls-row">
        <input class="span6" type="text"/>
        <input class="span6" type="text"/>
    </div>
    <div class="controls controls-row">
        <input class="span6" type="text"/>
        <input class="span6" type="text"/>
    </div>    
</div>

<strong>デモ。

Answer 2

フィールドを2行のテーブルにしてみませんか？そのようです：

<textarea rows="2" cols="30">

</textarea>
<table border="none">
<tr>
<td><input type="text" name="field1" /></td>
<td><input type="text" name="field2" /></td>
</tr>
<tr>
<td><input type="text" name="field3" /></td>
<td><input type="text" name="field4" /></td>
</tr>
</table>