どのようにCSS-ブートストラップ

Question

ボタンとドロップダウンの位置にこんにちは、いくつかのドロップダウンとボタンの位置にいくつかの問題を抱えてイム...私は、この絵のようにそれらを配置する必要があります。

それはどのように

：

コード

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

ドロップダウンおよびメニューは、すべてのカードの一部である。..

Answer 1

あなたが描いた画像のようにこれをアレンジしたい場合は、私はあなたがテーブルにすべての要素を配置するより多くの運を持っているかもしれないと思います。