我如何删除 bootstrap 中多余的 space

Question

如何从第一行删除多余的 space？我是 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

默认情况下，Bootstrap 会为每个标题添加一些上边距。您可能在那里有大约 20px，默认情况下 select 元素周围的边距为 0。

要么将自定义 css 应用到 select，将其向下移动到正确的位置，要么创建一个 class 从标题中删除边距顶部，然后他们将匹配。

我如何删除 bootstrap 中多余的 space

how can i remove extra space in bootstrap

css

bootstrap-modal