Bootstrap Snippet Js class Add 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="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if IE]> <link href="~/Content/NewHomePage/all-ie-only.css" rel="stylesheet" /> <![endif]-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
    
        <!--serach-engine-->
    <div class="container con1 mrt220">
        <div class="row">
        <ul class="nav nav-tabs nav-tabs1">
                  <li class="active radio2"><a data-toggle="tab" href="#home">Flights</a></li>
                  <li><a data-toggle="tab" href="#menu1" class="radio2">Hotels</a></li>
        </ul>
            <div class="tab-content tabcontent1">
                 <div id="home" class="tab-pane fade in active">
                    <div class="form-check-inline trip">
                        <label class="radio-inline radio2">
                        <input  type="radio" name="optradio" id="menu4" checked>Round Trip</label>
                        <label class="radio-inline radio1" >
                        <input  class="" type="radio" name="optradio" id="menu2">One Way</label>
                    </div>
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
/*extra-css-start*/
input[type=text]:focus {
 background:red;
 color:#fff;
}   
.return1{background:#8c5311;}
.icons{background:#00539c;padding:5px;margin-top: 10px;}
.secured ul li{list-style:none;display:inline-block;}
/*extra-css-end*/
/*traveler-part*/
.traveler{margin-top:2px;}
.traveler-inside{padding:10px;background:#fff;border:1px solid #eee;position:absolute;display:none;width: 224px;z-index:1;}
.select1{font-size:14px;color:#18a3a8;}
.select2{padding:2px;border:1px solid #ccc;}
.adult{font-size:14px;color:#18a3a8;}
.modify-search-section{float:left;}
.icons{margin-top:10px;}
/*traveler-inside-start*/
.buttongroup {
    
    width: 100%;margin-right:5px;
}
.buttongroup input.btn-default {
    color: #fff;
    background-color: #009eef;
    border-color: #009eef;
    border-radius: 0;
    font-weight: 600;
}
.buttongroup input {
    border: 1px solid #143ca1;
    background: #fff;
    width: 32px;
    margin: 0;
    padding: 2px 0;
    float: left;
    text-align: center;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Js class Add"
Bootstrap 3.3.0 Snippet by imsachin

Related: See More

Questions / Comments:

"Js class Add" Bootstrap 3.3.0 Snippet by imsachin

Related: See More

Questions / Comments:

"Js class Add"
Bootstrap 3.3.0 Snippet by imsachin