使用twitter bootstrap将锚定在表单中

时间:2012-08-04 19:27:40

标签: css twitter-bootstrap

我正在使用twitter bootstrap,我有一个带链接的表单,应该打开一个带输入的弹出窗口。 由于某种原因,链接不是垂直对齐的。我想知道在表单中执行锚点的“引导方式”是什么。这是jsFiddle:http://jsfiddle.net/3j7QP/4/
这是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>

1 个答案:

答案 0 :(得分:3)

正如您在jsfiddle demo中所看到的那样,您应该使用.help-inline课程(或.help-block,具体取决于您的需求)但即使是该课程,您也需要调整一下不要输入任何信息。

<div class="controls noinput">
    <span class="help-inline"><!-- <a> --></span>
</div>
.controls.noinput > .help-inline { line-height: 28px; }

28px值可能因您的引导变量而异。它基本上等于control-group高度。