ブートストラップ

Question

と垂直方向の高さコンポーネントを設定すると、すべてのコンポーネントを設定する方法を見つけることができませんが、高さを「選択」（この汚い「パディング」トリックを!!取り除く）に応じて、垂直方向の中央

<form class="form-horizontal"> 
     <div class="form-group" > 
      <label class="control-label col-sm-2" style="padding-top:25px;">test</label> 
     <div class="col-sm-2 " style="padding-top:20px;"> 
     <select class="form-control"> 
         <option>1</option> 
         <option>2</option> 
     </select> 
     </div> 
     <div class="col-sm-3"> 

     <select multiple class="form-control"> 
      <option>1</option> 
      <option>2</option> 
     </select> 
     </div> 
    </div> 
    </form> 

Answer 1

は試してみてください

を与えます

HTML

<form class="form-horizontal"> 
     <div class="form-group" > 
     <div class="clearfix align-items"> 
     <div> 
      <label class="control-label col-sm-2">test</label> 
     </div> 

     <div class="col-sm-2 "> 
     <select class="form-control"> 
         <option>1</option> 
         <option>2</option> 
     </select> 
     </div> 
     <div class="col-sm-3"> 
     <select multiple class="form-control"> 
      <option>1</option> 
      <option>2</option> 
      <option>1</option> 
      <option>2</option> 
      <option>1</option> 
      <option>2</option> 
     </select> 
     </div> 
</div> 

    </div> 
    </form> 

CSS

.align-items 
    { 
    display: table; 
    } 
    .align-items > div 
    { 
     display: table-cell; 
     vertical-align: middle; 
     float: none; 
    } 

またはフレックスボックスを試してください

これは役に立ちます..