How To Build A 2 Column View In Bootstrap With Large Textarea On Top

Hi everyone, I am trying to build a view like in the added pic.I would like to build a view ( display form ) with 2 columns that looks like the attached picture. I have a 2 column

Solution 1:

Use the grid sizing classes (.span1 to .span12):

<divclass="container"><divclass="controls"><textareaclass="span12"type="text"></textarea></div><divclass="controls controls-row"><inputclass="span6"type="text"/><inputclass="span6"type="text"/></div><divclass="controls controls-row"><inputclass="span6"type="text"/><inputclass="span6"type="text"/></div></div>

​DEMO.

Solution 2:

Why not make the fields into a 2 row table? Like so:

<textarearows="2"cols="30"></textarea><tableborder="none"><tr><td><inputtype="text"name="field1" /></td><td><inputtype="text"name="field2" /></td></tr><tr><td><inputtype="text"name="field3" /></td><td><inputtype="text"name="field4" /></td></tr></table>