html - 使用插件按钮生成文本框

Question

在 ASP.NET MVC 中我想生成这种文本框:

http://getbootstrap.com/components/#input-groups-basic

http://screencast.com/t/u1WjajPTDC76

我使用的代码如下:

 <div class="form-group">
   @Html.LabelFor(model => model.UserPrincipalName, new { @class = "control-label col-md-2" })
   <div class="col-md-10">
     @Html.EditorFor(model => model.UserPrincipalName)
     <span class="input-group-addon" id="basic-addon2">@Html.Label(xx.Utils.SettingsHelper.Domain)</span>
    @Html.ValidationMessageFor(model => model.UserPrincipalName)
   </div>
 </div>

但是我得到的行为不是

http://screencast.com/t/DV7VGtVakbSY

Answer 1

您正在使用 <div class="form-group">但它必须是 <div class="input-group">