Question

I’m using the css form styles from Twitter Bootstrap but I would like to decrease the default spacing between the form input fields. Not sure which css element I need to overwrite.

Any ideas?

Answer 1

If you’re working with the default setup you can decrease the .line margin to achieve your goal. Try this:

form .line {
    margin-bottom: 5px; //adjust to your liking
}

This is of course if you’re working with an input field separated by the line div that the bootstrap uses, e.g.:

<div class="line">
        <label for="input">Full Name</label>
        <div class="input">
            <input type="text" name="input" size="30">
        </div>
</div>
<div class="line">
        <label for="input">Last Name</label>
        <div class="input">
            <input type="text" name="input" size="30">
        </div>
</div>
...

Demo http://jsfiddle.net/andresilich/qxMVd/1/