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

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

将自定义css应用于选择，将其向下移动到正确的位置，或者创建一个将从标题顶部删除边距的类，然后它们将匹配。

如何删除bootstrap

1 个答案: