javascript - 带有组合框的第二列

Question

我正在尝试让这个草图发挥作用。我需要对这个sketch中的红色东西进行编程

我使用 angularJS 和 bootstrap。这是现在的代码:

<div class="col-md-6">
    <div class="form-group">
        <label>text:</label>
        <select name="" id="" ng-model="" ng-options="">
            <option value=""></option>
        </select>
    </div>
    <div class="form-group">
        <label>text:</label>
        <select name="" id="" ng-model="" ng-options="">
            <option value=""></option>
        </select>
    </div>
    <div class="form-group">
        <label>text:</label>
        <select name="" id="" ng-model="" ng-options="">
            <option value=""></option>
        </select>
    </div>                             
    <div class="form-group">
        <label>text:</label>
        <input type="text" name="" id="" placeholder="" ng-model="" />
    </div>
    <div class="form-group">
        <label>text:</label>
        <input type="text" name="" id="" placeholder="" ng-model="" />
    </div>
    <div class="form-group">
        <label>text:</label>
        <input type="text" name="" id="" placeholder="" ng-model="" />
    </div>
    <div class="form-group">
        <label>text:</label>
        <input type="text" name="" id="" placeholder="" ng-model="" />
    </div>
    <div class="form-group">
        <label>text:</label>
        <input type="text" name="" id="" placeholder="" ng-model="" />
    </div>
</div>
     

我需要编写第二列，其中接下来是文本字段，上面是组合框。

1 = angularjs 中的组合框

亲切的问候和非常感谢!

Answer 1

你正在使用 col-md 所以我猜你有 bootstrap。您可以在已有的列中嵌套另一行:

<div class="row">
    <div class="col-md-6">
        <!-- some inputs -->

        <div class="row">
            <div class="col-md-6">
            </div>

            <div class="col-md-6">
            </div>
        </div>

    </div>
</div>