豎立在引導

Question

helllo evryone。

我有4個格，我想在自舉一條線，但我有一些問題alignement，這張照片顯示了結果： It is looking like this now

的圖像不是在一條線作爲其他元素和文字X釐米不在其格

這是我的代碼的中心

.flt{ 
 
    float: left 
 
} 
 
.info-ingr{ 
 
    background-color: #5bc0de; 
 
    margin-left: 40px; 
 
    height: 34px; 
 
    color: white; 
 
} 
 

 
.alginement{ 
 
    height: 100px; 
 
    width: 100%; 
 
    background-color: #faa; 
 
    display: inline-block; 
 
    vertical-align: middle; 
 
}

<div id="painchamp0" class="collapse"> 
 
      <div class="row"> 
 
       <div class="col-xs-10 col-sm-10 col-md-2 "> 
 
        <img src="https://thumbs.dreamstime.com/x/long-loaf-bread-22826883.jpg" class="img-responsive"><!--"img/pain-sandwich"--> 
 
       </div> 
 
       
 
       <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"> 
 
        <select class="ste form-control" id="painList0"> 
 
         <option>Select type de pain :</option> 
 
         <option>Pain complet</option> 
 
         <option>Pain aux céréales</option> 
 
         <option>Pain au seigle</option> 
 
         <option>Pain au levain</option> 
 
         <option>Pain aux épices</option> 
 
         <option>Pain aux figues</option> 
 
        </select> 
 
       </div> 
 
       <div class="col-xs-3 col-sm-3 col-md-1 col-lg-1" > 
 
        <input type="number" step="8" value="0" min="0" max="64" placeholder="largeur de pain :" id="painQuantite0" class="form-control flt"> 
 
       
 
       </div > 
 
       <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 align-lg-middle alginement" > 
 
        x cm 
 
       </div> 
 
       <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1"> 
 
        
 
        <button id="painBTN0" type="button" class="btn btn-info btn-md flt"> 
 
        ok 
 
        </button> 
 

 
       </div> 
 
       
 
      </div> 
 
     </div> 
 

謝謝

Answer 1

默認情況下，文本內容爲填充（10px的）財產 ..Just Scrolldown已找到相應的屬性線，而你在瀏覽器中檢查它