2017-07-19 6 views
1

Bonjour im avoir quelques problèmes avec la position de certains boutons et menus déroulants ... i besoin de les aligner comme cette image:comment positionner le bouton et dropdowns css-bootstrap

How it should be

Comment est-il:

How it is

Le code

<div class="row"> 
    <div class="col col-sm-6"> 
     <div class="card mb-3"> 
      <div class="card-header"> 
       Parametros Variables 
      </div> 
      <div class="card-block"> 
       <div class="form-group"> 
       <label>Modo :</label> 
       <select [value]="modoSelected" class="form-control-mb-12" 
       (change)="modo($event.target.value)"> 
        <option value="MODO 1" >MODO 1</option> 
        <option value="MODO 2">MODO 2</option> 
        <option value="MODO 3" >MODO 3</option> 
       </select> 
       <label>Intervalo de Guarda :</label> 
       <select [value]="intSelected" class="form-control-mb-12" 
       (change)="intSelection($event.target.value)" > 
        <option value="1/4">1/4</option> 
        <option value="1/8">1/8</option> 
        <option value="1/16">1/16</option> 
        <option value="1/32">1/32</option> 
       </select> <br><br> 
        <p> Capa A Capa B Capa C </p> 
       <button (click)="onActivado()">{{ activado ? 'Desactivado' : 'Activado' }}</button> 
       <select [(ngModel)]="select1" [disabled]="activado" (change)="saveValueA(select1)"> 
       <option *ngFor="let o of options | slice:0:getLimit(select1)" [ngValue]="o">{{ o }}</option> 
       </select> 
       <select [(ngModel)]="select2" (change)="saveValueB(select2)"> 
       <option *ngFor="let o of options | slice:0:getLimit(select2)" [ngValue]="o">{{ o }}</option> 
       </select> 
       <select [(ngModel)]="select3" (change)="saveValueC(select3)"> 
       <option *ngFor="let o of options | slice:0:getLimit(select3)" [ngValue]="o">{{ o }}</option> 
       </select> 

<br><br> 

les menus déroulants et les menus font partie d'une carte ..

Répondre

1

Si vous voulez organiser cela comme l'image sur la photo, je pense que vous pourriez avoir plus de chance de placer tous les éléments dans une table.