如何减少bootstrap

Question

嗨，我是一个非常新的引导程序。我正在使用bootstrap创建一个表单。我需要减少两个输入文本字段之间的空间。

我的代码：

<form class="form-horizontal" action="addKPITODB">
    <div class="form-group form-group-sm">
        <label for="inputEmail3" class="col-sm-2 control-label">KPI
            Name</label>
        <div class="col-sm-5">
            <input type="text" class="form-control input-sm" id="inputEmail3"
                placeholder="KPI Name" name="kpi_name">
        </div>
    </div>
    <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">KPI
            SQL</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" placeholder="K sql"
                name="kpi_sql">
        </div>
    </div></form>

我得到以下输出。

正如我在上面的图像中标记的那样，我需要减少两个输入文本字段之间的空间。

请帮助我实现这一目标。

提前致谢。

Answer 1

这是因为在bootstrap.min.css

中应用了以下css

.form-group {
    margin-bottom: 15px;
} 

要减少空间，您应该使用以下css。

.form-group {
    margin-bottom: 5px;
}

检查Fiddle

Answer 2

使用此css减少空间

.form-group
   {
      margin-bottom: 10px !important; /* change it as per your requirment */
    }