如何使用TwitterBootstrapMVC创建带有图标插件的TextBox输入？

Question

我有一个输入文本框，用于定义为

的登录页面

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

所以，基本上是一个预先附加了FontAwesome图标的文本输入框。如何使用TwitterBootstrapMVC5获得相同的结果？以下是一个起点：

@f.FormGroup().TextBoxFor(m => m.UserName).ShowValidationMessage(false).Placeholder("Email Address").Label().Class("sr-only input-sm")

但没有必要的预先附加图标......

Answer 1

最终变得非常容易：

@(Html.Bootstrap().TextBoxFor(m => m.UserName).Placeholder("Email address").PrependIcon("fa fa-envelope-o fa-fw"))

给了我我追求的结果。