2013-06-18 54 views
1

我刚开始使用Twitter Bootstrap,无法找到如何做到这一点。我想创建一个具有以下布局的形式:Twitter Bootstrap嵌套表格

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

我可以找到关于如何嵌套控制水平与电网系统(如this)一些例子,但对于控制垂直嵌套我找不到任何东西。

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

回答

3

只是包装在<div class="span2">

的3和一个<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>