title: How to decrease space between input text fields of form in bootstrap
body: <p>Hi I am very new to bootstrap. I am creating a form using bootstrap. I need to decrease the space between two input text fields.</p>
  
  <p>My Code:</p>
  
  <pre><code>&lt;form class="form-horizontal" action="addKPITODB"&gt;
      &lt;div class="form-group form-group-sm"&gt;
          &lt;label for="inputEmail3" class="col-sm-2 control-label"&gt;KPI
              Name&lt;/label&gt;
          &lt;div class="col-sm-5"&gt;
              &lt;input type="text" class="form-control input-sm" id="inputEmail3"
                  placeholder="KPI Name" name="kpi_name"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="inputEmail3" class="col-sm-2 control-label"&gt;KPI
              SQL&lt;/label&gt;
          &lt;div class="col-sm-10"&gt;
              &lt;input type="text" class="form-control" placeholder="K sql"
                  name="kpi_sql"&gt;
          &lt;/div&gt;
      &lt;/div&gt;&lt;/form&gt;
  </code></pre>
  
  <p>I am getting the below output for this.
  <a href="https://i.stack.imgur.com/629c7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/629c7.png" alt="enter image description here"></a></p>
  
  <p>As I have marked in the above image I need to decrease the space between two input text fields.</p>
  
  <p>Please help me in achieving this. </p>
  
  <p>Thanks in advance.</p>