Zweite Spalte mit einer Combobox

Question

Ich versuche, diese Skizze zu arbeiten. Ich muss die roten Dinge in diesem sketch

programmieren Ich benutze AngularJS und Bootstrap. Dies ist der Code jetzt:

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

Ich brauche eine zweite Spalte mit Textfeldern programmieren direkt neben mit einer Combobox oben.

1 = Combobox in AngularJS

Mit freundlichen Grüßen und vielen Dank!

Answer 1

Sie verwenden col-md, also ich vermute, Sie haben Bootstrap. Sie können eine andere Zeile in der Spalte verschachteln, die Sie bereits haben:

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