How can i make my html control organized by bootstrap -

i try make html page beautifies .my codes below :

          <div class="row" ng-if="model.fieldtype == customtypes.select">                         <div class="form-group">                             <label class="control-label col-md-4">seçim</label>                             <div class="col-md-5">                                     <input type="text" class="form-control" ng-model="model.newcomboitemforselect"  />                                 </div>                                <div class="col-md-5">                                     <button type="button" class="btn btn-success" ng-click="addtodropdownlist()">+</button>                                    </div>                             <div class="col-md-5">                                 <select class="form-control" ng-options="field.id field.value field in dropdownlistcustomitems" ng-model="model.dropdownlistcustomitem"></select>                                 </div>                             </div>                         </div> 

but result that;

i wander how can move html control beautiful spot. please @ red arrow

reference

use below code

<div class="row" ng-if="model.fieldtype == customtypes.select"> <div class="form-group col-md-12">     <label class="control-label col-md-4">seçim</label>     <div class=" input-group col-md-8">         <input type="text" class="form-control" ng-model="model.newcomboitemforselect" />         <div class="input-group-btn">             <button type="button" class="btn btn-success" ng-click="addtodropdownlist()">+</button>         </div>     </div> </div> <div class="form-group col-md-6">     <div class="col-md-5">         <select class="form-control" ng-options="field.id field.value field in dropdownlistcustomitems" ng-model="model.dropdownlistcustomitem"></select>     </div> </div> 

demo