在bootstrap中创建rowspan

Question

我想用这张图片创建一个boostrap标记定义：

我需要做什么，row1，row2和row3共享同一个div /列？

如果我要进行表设计，那么我会使用rowspan ...

更新

使用更大的窗口调整行为时出错（请参阅按钮）

使用较小的窗口更好地调整行为（请参阅按钮）

这是代码：

<div class="row">
    <div class="span6">
        <div class="row">
            <div class="span3">xxxxxxxxxxxx name</div>
            <div class="span3">
                <input type="text" class="text" />
            </div>
        </div>
        <div class="row">
            <div class="span3">xxxxxxxxxxxxxx from</div>
            <div class="span3">
                <input type="text" class="text" />
            </div>
        </div>
        <div class="row">
            <div class="span3">xxxxxxxxxxxx to</div>
            <div class="span3">
                <input type="text" placeholder="Please enter the end date" class="text" />
            </div>
        </div>
    </div>
    <div class="span3">
        <input type="checkbox" class="checkbox" value="Green melons" />LightBlue Peaaaas<br />
        <input type="checkbox" class="checkbox" value="Green melons" />Blue Melons<br />
        <input type="checkbox" class="checkbox" value="Green melons" />Red Apples<br />
        <input type="checkbox" class="checkbox" value="Green melons" />Yellow Bananas<br />
        <input type="checkbox" class="checkbox" value="Green melons" />Black Mushis<br />
        <input type="checkbox" class="checkbox" value="Green melons" />Pink Bermudas<br />
    </div>
    <div class="span3">
        <div class="row">
            <div class="span3">
                <span>First day of week</span>
            </div>
        </div>
        <div class="row">
            <div class="span3">
                <input type="radio" class="radio" />Monday
            </div>
        </div>
        <div class="row">
            <div class="span3">
                <input type="radio" class="radio" />Tuesday
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="span12">
        <button class="btn pull-right">Next</button>
    </div>
</div>

更新

杰克在IE 10上的小提琴也有不好的调整大小行为，因为你可以从潜入左侧文本框的复选框判断：

Answer 1

试试这个

<div class="row">
    <div class="span6">
        <div class="row">
            <div class="span3"></div>
            <div class="span3"></div>
        </div>
        <div class="row">
            <div class="span3"></div>
            <div class="span3"></div>
        </div>
        <div class="row">
            <div class="span3"></div>
            <div class="span3"></div>
        </div>
    </div>
    <div class="span3">
    </div>
    <div class="span3">
        <div class="row">
            <div class="span3"></div>
        </div>
        <div class="row">
            <div class="span3"></div>
        </div>
        <div class="row">
            <div class="span3"></div>
        </div>
    </div>
</div>

<div class="row">
    <div class="span12"></div>
</div>