compostrap.github.io/skeleton.html at master · compostrap/compostrap.github.io · GitHub

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
38
39
40
41
42
43
44
45
46
47
48
49

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="dist/sidebarSkeleton.css">
	<title>Sidebar</title>
</head>

<body>

<header>
	<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
		<div class="container-fluid">

			<!-- title -->
			<a class="navbar-brand" href="#">Sidebar navigation</a>

			<!-- sidebar toggle -->
			<button class="navbar-toggler btn btn-link border-0" type="button" id="sidebar" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
		</div>
	</nav>
</header>

<div class="d-flex wrapper wrapper-navbar-used wrapper-navbar-fixed">

	<nav role="navigation" class="sidebar sidebar-bg-dark" id="navigation">

		<!-- sidebar -->
		<div class="sidebar-menu">
			<div class="sidebar-menu-fixed"></div>
		</div>
	</nav>

	<div class="container-fluid">

		<!-- content -->
		<main role="main"></main>
	</div>
</div>

<script src="dist/sidebarSkeleton.js"></script>

</body>
</html>