@ Html.TextBoxForにfont-awesomeアイコンを追加するには？

Question

私は以下の問題があります：どのように私のテキストボックスにFAユーザのアイコンを追加できますか？

私は、次のコードを持っている：

@Html.AntiForgeryToken() 
@Html.ValidationSummary(true, "", new { @class = "text-danger" }) 
<div class="row"> 
    <div class="container col-md-12"> 
      @*@Html.LabelFor(m => m.UserName, new { @class = "control-label" })*@ 
      <i class="fa fa-user col-md-12" aria-hidden="true"></i> 
      @Html.TextBoxFor(m => m.UserName, new { @class = "form-control" }) 
      @Html.ValidationMessageFor(m => m.UserName, "", new { @class = "text-danger" }) 
    </div> 
</div> 

「i」の要素がブラウザで自分のサイトのビューに表示されません。 もしそれが不可能なら、私のサイトにこのアイコンを追加する可能性はありますか？

Answer 1

これは、生成されたmvcのHTMLを見て、アイコンを持つコードと比較するだけです。コードは次のようになります。

<div class="input-group"> 
    <div class="input-group-addon"> 
     <i class="fa fa-envelope"></i> 
    </div> 
    @Html.TextBoxFor(m => m, new { @class = "form-control", @placeholder = "Email Address" }) 
</div> 

私が手助けした場合、答えとしてマークしてください。