MVCのTextBoxForコントロールにglyphicon-userを追加する

Question

MVC C＃のtextBoxForコントロールの最後にglyphicon-userを表示したいが、私はまだコードを完成させることができない。コメント@ * @）私はglyphiconを得るために試みたが、うまくいかなかったspanタグは、あなたは私が

  <div class="form-group"> 
       @Html.LabelFor(model => model.usuario, new { @class = "control-label col-md-2" }) 
       <div class="col-md-10"> 
        @*<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>*@ 

        @Html.TextBoxFor(model => model.usuario, new { @class = "form-control", @placeholder = "Usuario", @type = "text" }) 
        @*<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>*@ 
        <p class="text-danger"> @Html.ValidationMessageFor(model => model.usuario)</p> 
       </div> 
      </div> 

Answer 1

あなたが近い助けてくださいことができます。クラス名input-groupのdiv要素を含めるのを忘れてしまっただけです。

<div class="form-group"> 
    @Html.LabelFor(model => model.usuario, new { @class = "control-label col-md-2" }) 
    <div class="col-md-10"> 
     <div class="input-group"> // missing div 
      @Html.TextBoxFor(model => model.usuario, new { @class = "form-control", @placeholder = "Usuario" }) 
      <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> 
      <p class="text-danger">@Html.ValidationMessageFor(model => model.usuario)</p> 
     </div> 
    </div> 
</div> 

また、あなたはここで@type = "text"

がBootply ..ですあなたTextBoxForでこれを必要としません。

うまくいけば、これが役に立ちます。