Fearhunter Fearhunter - 6 months ago 10
CSS Question

Second Column with a combobox

I am trying to get this sketch to work. I need to program the red things in this sketch

I use angularJS and bootstrap. This is the code right now:



<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>





I need to program a second column with textfields right next with a combobox above.

1 = combobox in angularjs

Kind regards and much thanks!

Answer

You're using col-md so I'm guessing you have bootstrap. You can nest another row in the column you already have so:

<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>
Comments