如何在控制组中正确嵌套输入组

Question

喂！

我想在我的文本框之前附加一个“09”输入组插件，该文本框的标签位于表单组中。

我试过了
1. 将 form-group 和 input-group 放在同一个元素中 - 很奇怪
2. 在封装标签、跨度和输入的表单组中嵌套输入组 - 奇怪
3. 在封装跨度和输入的表单组中嵌套输入组 - 很奇怪

我试过用谷歌搜索它，发现我应该使用 #2（来自我尝试做的列表），但他没有使用 .似乎 input-group-addon 正在使用整个高度（包括 .

<div id="TelNumber" runat="server" EnableViewState="False" class="form-group  col-md-3">
                <div class="input-group">
                <label class="control-label">Telephone Number</label>
                <span class="input-group-addon">09</span>
                <asp:TextBox ID="txtTel" runat="server" class="form-control input-sm"  />
                    </div>
                <p class="help-block"> <asp:CheckBox ID="chkShowTel" runat="server" Text="Show telephone number on profile"   /></p>
            </div>

关于如何解决这个问题的任何想法？提前致谢！

Answer 1

试试这个..

<div id="TelNumber" runat="server" enableviewstate="False" class="form-group  col-md-3">
  <label class="control-label">Telephone Number</label>
  <div class="input-group">
    <span class="input-group-addon">09</span>
    <input type="text" class="form-control">
  </div>
  <p class="help-block">Show telephone number on profile</p>
</div>

http://bootply.com/111900