twitter-bootstrap - 如何使用 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"))

给了我想要的结果。