Bootstrap Snippet Bootstrap Switch Button Form using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<section id="register">
    <div class="container">
        <div class="form-content">
            <div class="tabbable-panel">
                <div class="tabbable-line">
                    <ul class="nav nav-tabs ">
                        <li class="active"><a href="#tab_default_1" data-toggle="tab">Tab 1 </a></li>
                        <li><a href="#tab_default_2" data-toggle="tab">Tab 2 </a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab_default_1">
                            <form action="" method="" id="contactFrm" name="">
                                <fieldset>
                                    <div class="form-group row">
                                        <div class="col-md-4 text-left">
                                            <label for="Email">email address: </label>
                                        </div>
                                        <div class="col-md-8">
                                            <input class="form-control" id="Email" type="text" required>
                                        </div>
                                        
                                    </div>  
                                    <div class="form-group row">
                                        <div class="col-md-4 text-left">
                                            <label for="Password">Password:</label>
                                        </div>
                                        <div class="col-md-8">
                                            <input class="form-control" id="Password" type="password" required>
                                        </div>
                                    </div>  
                                    <div class="row">
                                        <div class="col-md-offset-4 col-md-7 text-left">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
#register .form-content .tabbable-panel {
    text-align: center;
}
#register .form-content .tabbable-panel .nav-tabs {
    border: none;
    display: inline-block;
    margin: 0 0 2rem 0;
}
#register .form-content .tabbable-panel .nav-tabs li a {
    border: none;
    font: 600 20px/24px open sans;
    padding: 10px 44px;
    background: transparent;
    position: relative;
    margin: 0;
    cursor: pointer;
    display: block;
    z-index: 999;
}
#register .form-content .tabbable-panel .nav-tabs li {
    position: relative;
    overflow: hidden;
}
#register .form-content .tabbable-panel .nav-tabs li:first-of-type::after {
    content: '';
    right: -50%;
    position: absolute;
    top: 19%;
    height: 27px;
    width: 100px;
    background: #46c5fd;
    border-radius: 50px;
    overflow: hidden;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Bootstrap Switch Button Form"
Bootstrap 3.0.0 Snippet by abhimanyusankhyan4

Related: See More

Questions / Comments:

"Bootstrap Switch Button Form" Bootstrap 3.0.0 Snippet by abhimanyusankhyan4

Related: See More

Questions / Comments:

"Bootstrap Switch Button Form"
Bootstrap 3.0.0 Snippet by abhimanyusankhyan4