RegistrationForm With Modal Popup In MVC Using BootStrap

In this article i will show you how to design registration form using modal popup in mvc
write the code in your cshtml page
Example:-
Step1:- Take one button
<input type="button" value="Sumbit" id="btn1" />
Sterp2:-Wreite jquery code
    <script type="text/javascript">
        $(document).ready(function () {
            $("#btn1").click(function()
            {
                $("#modalbox").modal("show")
            })
        })

    </script>

Contextual classes In Bootstrap

Use contextual classes to style list items, default or linked. Also includes .active state.
We can define contextual classes in two ways
step1:- using un-orderd list

<ul class="list-group">
  <li class="list-group-item list-group-item-success">List-Group-item-1</li>
  <li class="list-group-item list-group-item-info">List-Group-item-2</li>
  <li class="list-group-item list-group-item-warning">List-Group-item-3</li>
  <li class="list-group-item list-group-item-danger">List-Group-item-4</li>
</ul>

RegistrationForm In ASP.NET Using Bootstrap

In this artcle i explai you how to design registrationform in asp.net using bootstrap and i am going to design
more number of forms this is sample design 1
Make sure you have to download the bootstrap references in www.bootstrap.com after that use script in your source code
Below is the code just copy and past in your source code and see the result
Example:-
              <div class="container-fluid " style="margin-top:50px; margin-bottom:0px">
            <div class="form-horizontal">
                <div class="row">
                    <div class="col-sm-8 col-sm-offset-4 text-primary">
                        <h2>RegistrationForm</h2>
                    </div>
                </div>

RegistrationForm With Panel In ASP.NET Using Bootstrap

In this article i explain you how to design registration form using panel in in asp.net
below is the source code
<div class="row" style="margin-left:100px;margin-top:50px">
            <div class="col-sm-6 col-md-6 col-xs-12 col-lg-6">
                <div class="panel  panel-primary">
                    <div class="panel-heading" data-toggle="collapse" data-target="#panelHeader">
                        <div class="row">
                            <div class="col-sm-12 col-md-12 col-xs-12">
                                <h2>Personal Details</h2>
                            </div>

ChangePasswordForm In ASP.NET Using Bootstrap

In this article i explain you how to design change password from in asp.net using bootstrap
Example:-
<div class="container">
            <div class="form-horizontal" style="border:1px solid black;width:600px;height:350px;padding:10px;margin-left:50px;margin-top:50px">
                <div class="row">
                    <div class="col-sm-9 col-sm-offset-3 text-primary">
                        <h2>Change Password</h2>
                    </div>
                </div>

Password Recovery Form In ASP.NET Using Bootstrap

Simple Password Recovery Form In ASP.NET
Below is the source code
Example:-
<div class="container">
            <div class="form-horizontal" style="border:1px solid black;width:600px;height:250px;padding:10px;margin-left:50px;margin-top:50px">
                <div class="row">
                    <div class="col-sm-9 col-sm-offset-3 text-primary">
                        <h2>Password Recovery</h2>
                    </div>
                </div>

LoginForm In ASP.NET Using Bootstrap

Below is the simple login form in asp.net using bootstrap
Example:- Here is the source code
        <div class="container">
            <div class="form-horizontal" style="border:1px solid black;width:600px;height:250px;padding:10px;margin-left:50px;margin-top:50px">
                <div class="row">
                    <div class="col-sm-3 col-sm-offset-3 text-primary">
                        <h2>Login</h2>
                    </div>