Monday, November 24, 2014

Twitter bootstrap Login From

In this example we have learn make a quick form in twitter bootstrap. So here is example
<form class="form-horizontal" role="form">
        <div class="form-group">
            <label class="control-label col-sm-2" for="email">Email:</label>
            <div class="col-sm-10">
                <input type="email" class="form-control" id="email" placeholder="Enter email">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-sm-2" for="pwd">Password:</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" id="pwd" placeholder="Enter password">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <div class="checkbox">
                    <label><input type="checkbox"> Remember me</label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">Submit</button>
            </div>
        </div>
    </form>  
So in this example I have create simple login screen, so here I  have use the classes “form-horizontal “ used for horizontal from
“Form-group class”:  Wrap labels and controls in a <div> with class.
“control-label col-sm-2”: used for label and occupy the two columns
         

No comments:

Post a Comment

http://blogsiteslist.com