ブートストラップで余分なスペースを削除する方法

Question

最初の行から余分なスペースを削除するにはどうすればよいですか？私は誰かが助けることができるブートストラップに新しいですか？

ありがとうございます。私は両方の線が同じ点から始まってほしいが、そうではない。デフォルトでは

<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

、ブートストラップは、各見出しにいくつかのトップマージンを加えています。あなたはたぶんそこに約20ピクセルあるでしょう、そして、選択要素は、デフォルトでそれの周りに0マージンを持っています。

選択にカスタムCSSを適用するか、適切な場所に移動するか、見出しから余白の上端を削除するクラスを作成すると、一致します。