0

次のように定義されたログインページの入力テキストボックスがあります

<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")

しかし、必要な事前に追加されたアイコンがなければ...

4

1 に答える 1

0

最終的には非常に簡単であることが判明しました：

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

私が求めていた結果を私に与えました。

于 2014-04-18T01:27:23.340 に答える