twitter引导程序-如何使用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"))

给了我想要的结果。