如何删除引导程序中的额外空间

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，将其向下移动到正确的位置，或者创建一个将从标题删除边距顶部的类，然后它们将匹配。