Question

I am using twitter bootstrap and I have a form with link that should open a popup with inputs.
For some reason the link is not vertically aligned. I would like to know what is the “bootstrap way” to do an anchor in a form. Here is jsFiddle: http://jsfiddle.net/3j7QP/4/
Here is the html:

<form class="form-horizontal" id="postForm">
    <fieldset>
        <div class="control-group">
            <label class="control-label" for="start_location">Origin</label>
            <div class="controls">
                <a id="start_location" name="start_location" href="javascript:;">open select tooltip</a>
            </div>            
        </div>
    </fieldset>
</form>

Answer 1

As you can see in this jsfiddle demo, you should use the .help-inline class (or .help-block depending on your needs) BUT even with that class you will need to tweak things if you don’t put any inputs.

<div class="controls noinput">
    <span class="help-inline"><!-- <a> --></span>
</div>

.controls.noinput > .help-inline { line-height: 28px; }

The 28px value may vary depending on your bootstrap variables. It basically equals the control-group height.