Question

i am trying to remove the white space between two imput fields for all my form elements.
i decreased the height but after that the next label goes up
can you tell me how to remove it

http://jsfiddle.net/DA9gK/18/

<div class="control-group">
                    <label class="control-label" for="inputEmail">Company Name</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                  </div>
                  <div class="control-group">
                      <label class="control-label" for="inputEmail">Contact Name</label>
                      <div class="controls">
                        <input type="text" id="inputEmail">
                      </div>
                  </div>

Answer 1

I think this should solve your problem, I have answered it there. Thank you. button alignment in form fields

Damn! I apologize for the uncorrect fast answer, ok I have zeroed in on your problem, and the problem lies in the css file that you are importing viz. “http://twitter.github.com/bootstrap/assets/css/bootstrap.css” and your elements are inheriting the style attribute from it, and your white space problem is exactly on ‘line no 1945’ where its explicitly defined

.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
margin-left: 180px;
*margin-left: 0;

so either you have to manually override those or use the good old “!important” attribute.

PS: you have to edit the ‘margin-left’ attributes value to maybe 160px or something which you are comfortable with.