1

我正在尝试创建一个带有日期下拉字段的表单，并让它很好地内联显示。该字段在不使用输入附加的情况下很好，但是当我这样做时会遇到问题-

这是代码

<div class="control-group">
            <label class="control-label" for="title">
                <a data-toggle="collapse" data-target="#collapse_date">
                    Add a date
                </a>
            </label>
            <div id="collapse_date" class="controls collapse input-append date form_datetime" data-date="2013-09-16T05:25:07Z" data-date-format="dd MM yyyy - hh:ii" data-link-field="dtp_input1" >

                    <input size="16" type="text" value="" readonly><span class="add-on"><i class="icon-th"></i></span>

            </div>
        </div>

这就是结果。

离开

正如您所看到的，输入字段出于某种原因向右对齐 - 除了颜色之外，我在这里使用支架 boostrap。也许对boostrap有更深入了解的人可以指出我哪里出错了？

4

1 回答 1

2

你的.controlsdiv 和.input-appenddiv 是同一个 div。尝试input-append从该 div 中删除该类，并将输入和 span 包装在唯一类为input-append.

于 2013-02-08T02:54:50.393 回答