How do ASP.NET Identity framework (forms) with bootstrap

Question

I'm doing an ASP.NET Web Application with Identity with this tutorial:

http://www.asp.net/identity/overview/getting-started/adding-aspnet-identity-to-an-empty-or-existing-web-forms-project

But I would like to the form with bootstrap like that:

<div class="input-group">
  <input type="text" class="form-control" placeholder="Username">
</div>

But the form with .aspx is so:

    <asp:Literal runat="server" ID="StatusMessage" />
</p>                
<div style="margin-bottom:10px">
    <asp:Label runat="server" AssociatedControlID="UserName">User name</asp:Label>
    <div>
        <asp:TextBox runat="server" ID="UserName" />                
    </div>
</div>

How it should be? Thanks.

Are you trying to use the built in asp.net login control?

Paddy
– Paddy

2014-04-02 10:25:29 +00:00
Commented Apr 2, 2014 at 10:25 — Paddy
– Paddy, Commented Apr 2, 2014 at 10:25

Aristos · Accepted Answer · 2014-04-02 12:36:37Z

7

The idea is to add the css class's of bootstrap to the asp.net controls, and what other attributes you may like as:

<div class="input-group">
    <asp:Label runat="server" AssociatedControlID="UserName">User name</asp:Label>
    <asp:TextBox runat="server" ID="UserName" CssClass="form-control" placeholder="Username" />                
</div>

answered Apr 2, 2014 at 12:36

Aristos

66.7k16 gold badges117 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do ASP.NET Identity framework (forms) with bootstrap

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related