如何刪除引導程序中的額外空間

Question

如何從第一行刪除額外的空間？我是新手bootstrap有人可以幫忙嗎？

在此先感謝。我希望兩條線都從同一點開始，但事實並非如此。

<form> 
<div class="row"> 
<div class="col-md-7 col-md-offset-1"> 
     <h1>Number of players you want to play with:</h1> 
    </div> 
    <div class="col-md-2"> 
     <select name="deals" class="form-control"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
     <option value="6">6</option> 
     <option value="7">7</option> 
     <option value="8">8</option> 
     <option value="9">9</option> 
     <option value="10">10</option> 
     <option value="11">11</option> 
     </select> 
    </div> 
    </div> 
    <div clas="row"> 
     <div class="col-md-5 col-md-offset-1"> 
     <h1>Number of point difference</h1> 
     </div> 
     <div class="col-md-2"><h1> 
     <select name="deals" class="form-control"> 
      <option value="1">5</option> 
      <option value="2">10</option> 
      <option value="3">15</option> 
      <option value="4">20</option> 
      <option value="5">25</option> 
      <option value="6">30</option> 
      <option value="7">35</option> 
      <option value="8">40</option> 
      <option value="9">45</option> 
      <option value="10">50</option> 
      <option value="11">55</option> 
      <option value="11">60</option> 
      <option value="11">65</option> 
      <option value="11">70</option> 
      <option value="11">75</option> 
      <option value="11">55</option> 
      <option value="11">85</option> 
      <option value="11">90</option> 
      <option value="11">95</option> 
      <option value="11">100</option> 
     </select></h1> 
     </div><div class="col-md-2"></div> 
    </div> 
    <div class="clearfix"></div> 
     <br><br> 
     <div class="row"> 

     <div class="text-center"> 
      <div class="form-group"> 
       <input type="submit" class="btn btn-lg btn-primary " value="Deal" > 
      </div> 
     </div> 

    </div> 
</form> 
</body> 
</html> 

Answer 1

默認情況下，自舉是增加一些頂級的保證金給每個標題。你可能會有大約20px，並且默認情況下，select元素的邊距爲0。

將自定義css應用到select，將其向下移動到正確的位置，或者創建一個將從標題刪除邊距頂部的類，然後它們將匹配。