使用插件按钮生成文本框

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