如何删除或减少引导程序中的空白? [英] How to remove or reduce the white space in bootstrap?

问题描述

如何删除或减少引导程序中的空白区域.当我在下面添加另一个 div 时.它在两者之间产生了很大的利润......

<form action="#" id="sky-form3" class="sky-form"><header>结帐表单</header><字段集><div class="row"><section class="col-md-4 nopadding"><label class="input"><i class="icon-prepend fa fa-user"></i><input type="text" name="fname" placeholder="名字"></节><section class="col-md-4 nopadding"><label class="input"><i class="icon-prepend fa fa-user"></i><input type="text" name="lname" placeholder="Last name"></节>
</fieldset></表单>

解决方案

在具有 row 和 col 类的 div 上有 no-padding类，其内容为

.no-padding{填充:0px！重要；}

How to remove or reduce the white space in bootstrap. as when i am adding another div below . it makes a large margin in between ...

<div class="edit-profile">
  <form action="#" id="sky-form3" class="sky-form">
    <header>Checkout form</header>

    <fieldset>

      <div class="row">
        <section class="col-md-4 nopadding">
          <label class="input">
            <i class="icon-prepend fa fa-user"></i>
            <input type="text" name="fname" placeholder="First name">
          </label>
        </section>
        <section class="col-md-4 nopadding">
          <label class="input">
            <i class="icon-prepend fa fa-user"></i>
            <input type="text" name="lname" placeholder="Last name">
          </label>
        </section>
      </div>
    </fieldset>
  </form>
</div>

解决方案

On the divs that have row and col classes have a no-padding class whose contents are

.no-padding{
 padding: 0px !important;
}

这篇关于如何删除或减少引导程序中的空白?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！