"NavBar - final"
Bootstrap 3.3.0 Snippet by escapedlion

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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Support</title>
<!-- Force IE to turn off past version compatibility mode and use current version mode -->
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
<!-- Get the width of the users display-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Text encoded as UTF-8 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Signika+Negative:400,700" rel="stylesheet" type="text/css">
<!-- icons -->
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<!-- bootstrap -->
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" id="default">
<!-- theme -->
<link href="https://netdna.bootstrapcdn.com/bootswatch/3.1.1/bootstrap/bootstrap.min.css" rel="stylesheet" title="theme">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries in IE8, IE9 -->
<!--[if lt IE 9]>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
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
<script type="text/javascript">
$( "div:eq( 5 )" ).removeClass( "TixManagementContent" ).attr("class", "boxed-page" );
$( "table:eq( 1 )" ).attr("id", "TixManagementContent").attr("class", "TixManagementContent");
$( "#TixManagementContent" ).removeAttr("style");
$(".widget-data").squishy({maxWidth: 100, minSize: 6, maxSize: 15});
$("#toggle-chevron").click(function () {
if ($('#side-outer > #fullwidth').is(":visible") === true) {
$("#side-outer").toggleClass("active");
$("#toggle-chevron").toggleClass("active");
$("#toggle-chevron").toggleClass("fa-chevron-right");
} else {
$("#side-outer").toggleClass("active");
$("#toggle-chevron").toggleClass("active");
$("#toggle-chevron").toggleClass("fa-chevron-left");
}
});
$("#shortwidth").hide();
$('#toggle-bars').click(function () {
if ($('#side-inner > #shortwidth').is(":visible") === true) {
$("#shortwidth").animate({width: "hide"}, 1500, "easeOutBounce");
$("#toggle-bars").toggleClass("active");
} else {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: