Twitter bootstrap 添加<；标签>；标记使文本框图标移动到新行。如何预防？

我使用的是默认的bootstrap3css，但是当我把一个图像标签放在一个文本框旁边时，它不会显示在它旁边，而是呈现在一个新行上

这是小提琴：

编辑
月
月份开始日期

注意：我必须在我的图像范围周围添加一个标签，以便它触发日期选择器弹出窗口，所以我不能仅仅删除它。但是，当该标签打开和关闭标记时，它将正确呈现

---

如何仍保留标签，但使其正确渲染？

我有两个标签。两人都有

for=“MonthStartDate

第二个似乎继承了第一个的

col-md-2

，导致它出现在第一行

将

for=“unique”

重命名为唯一值修复了我的问题

 <div class="container body-content">
    <h2>Edit</h2>
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h1 class="panel-title">
                Month
            </h1>
        </div>
        <div class="panel-body">
            <div class="form-horizontal">
                <div class="form-group">
                    <label class="col-md-2 control-label" for="MonthStartDate">Month Start Date</label>
                    <div class="col-md-10">
                        <div class="input-group date">

                            <input class="form-control datepicker hasDatepicker" data-val="true" id="MonthStartDate" name="MonthStartDate" type="text"></input>
                            <label  for="MonthStartDate">
                                <span class="input-group-addon" style="cursor: pointer;">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span> 
                            </label>
                            <span class="field-validation-valid text-danger" data-valmsg-for="MonthStartDate" data-valmsg-replace="true"></span>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>