css - 如何制作推特 boostrap "colspan=2"

Question

我正在使用 Twitter Bootstrap 并且我有一个表单。我需要第一行像“colspan=2”。
我希望我足够清楚..我该怎么做？

这是我的代码:

<form class="form-horizontal">
    <fieldset>
        I Need this row to be like "colspan=2" in table td
        <div class="control-group">
            <label class="control-label" for="my_input">field name</label>
            <div class="controls">
                <input type="text" class="input-xlarge" id="my_input" name="my_input"/>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="my_input">field name</label>
            <div class="controls">
                <input type="text" class="input-xlarge" id="my_input" name="my_input"/>
            </div>
        </div>
    </fieldset>
</form>

这是 jsFiddle:http://jsfiddle.net/3j7QP/7/

Answer 1

像这样:http://jsfiddle.net/3j7QP/16/ ？

<form class="form-horizontal">
    <fieldset>
        <div style="float: left; width: 100px; height: 80px; background: red;">
            xxx
        </div>

        <div class="control-group" style="float:left;">
            <label class="control-label" for="my_input">field name</label>
            <div class="controls">
                <input type="text" class="input-xlarge" id="my_input" name="my_input"/>
            </div>
        </div>
        <div class="control-group" style="float:left;">
            <label class="control-label" for="my_input">field name</label>
            <div class="controls">
                <input type="text" class="input-xlarge" id="my_input" name="my_input"/>
            </div>
        </div>
    </fieldset>
</form>