Twitter Bootstrap 嵌套表单

Question

我刚开始使用 Twitter Bootstrap，但不知道如何做到这一点。我想创建一个具有以下布局的表单：

+---------+ +---------------------------+
| input 1 | |                           |
+---------+ |                           |
+---------+ |                           |
| input 2 | |      textarea             |
+---------+ |                           |
+---------+ |                           |
| input 3 | |                           |
+---------+ +---------------------------+

我可以找到一些关于如何在网格系统中水平嵌套控件的示例（例如 this），但对于控件的垂直嵌套，我找不到任何东西。

是否可以在不使用表格的情况下创建这样的布局？

Answer 1

只需将 3 包裹在 <div class="span2"> 中

还有<div class="span5">中的textarea

或者任何比例，都会带来你想要的结果......

像这样……

<div class="row-fluid span12">
  <div class='span2'>
       <div control-group....>
       <input...> 
       <input...>
       <input...>
       </div>
 </div>
 <div class="span5">
      <textarea></textarea>
 </div>
</div>