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

时间:2014-02-08 10:31:23

标签: twitter-bootstrap twitter-bootstrap-3

Heyo!

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

我试过了 1.将形式组和输入组放在同一个元素中 - 出来很奇怪 2.在封装标签,跨度和输入的表格组中嵌套输入组 - 出来很奇怪 3.在封装span和input的表单组中嵌套输入组 - 出现奇怪的

我尝试使用谷歌搜索它,发现我应该使用#2(从我尝试过的列表中),但他没有使用。看来输入组插件正在使用整个高度(包括。

<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>

有关如何解决此问题的任何想法?提前谢谢!

1 个答案:

答案 0 :(得分:0)

试试这个..

<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