Merge pull request #12 from compostrap/bs-5

Bs 5
compostrap · Aug 19, 2021 · 2c0995c · 2c0995c
2 parents e678e26 + 3636d40
commit 2c0995c
Show file tree

Hide file tree

Showing 15 changed files with 1,187 additions and 878 deletions.
diff --git a/demo/dark.gradient.html b/demo/dark.gradient.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
 	<meta charset="UTF-8">
@@ -17,16 +17,18 @@
 
 <header>
 	<nav class="navbar navbar-expand-md navbar-light bg-white fixed-top">
+		<div class="container-fluid">
 
-		<!-- title -->
-		<a class="navbar-brand" href="#"><i class="fab fa-bootstrap mr-1 text-danger"></i>
-			<span class="text-danger">Bootstrap menu</span>
-		</a>
+			<!-- title -->
+			<a class="navbar-brand" href="#"><i class="fab fa-bootstrap mr-1 text-danger"></i>
+				<span class="text-danger">Bootstrap menu</span>
+			</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>
+			<!-- 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>
 
@@ -145,10 +147,10 @@
 								<li>
 									<a href="#" class="list-link">
 										<div class="clearfix">
-											<div class="float-left"><span class="list-icon"><i class="far fa-bell"></i></span>Messages</div>
-											<div class="float-right">
-												<span class="badge badge-danger">New</span>
-												<span class="badge badge-secondary">4</span>
+											<div class="float-start"><span class="list-icon"><i class="far fa-bell"></i></span>Messages</div>
+											<div class="float-end">
+												<span class="badge bg-danger">New</span>
+												<span class="badge bg-secondary">4</span>
 											</div>
 										</div>
 									</a>
@@ -190,7 +192,6 @@
 <script src="../dist/js/sidebar.menu.js"></script>
 <script>
 	$(function() {
-		new Sidebar();
 		new Nanobar().go(100);
 		new PerfectScrollbar('.scrollbar', {
 			wheelSpeed: 0.3

diff --git a/demo/dark.html b/demo/dark.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
 	<meta charset="UTF-8">
@@ -17,16 +17,18 @@
 
 <header>
 	<nav class="navbar navbar-expand-md navbar-light bg-white fixed-top">
+		<div class="container-fluid">
 
-		<!-- title -->
-		<a class="navbar-brand" href="#"><i class="fab fa-bootstrap mr-1 text-danger"></i>
-			<span class="text-danger">Bootstrap menu</span>
-		</a>
+			<!-- title -->
+			<a class="navbar-brand" href="#"><i class="fab fa-bootstrap mr-1 text-danger"></i>
+				<span class="text-danger">Bootstrap menu</span>
+			</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>
+			<!-- 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>
 
@@ -145,10 +147,10 @@
 								<li>
 									<a href="#" class="list-link">
 										<div class="clearfix">
-											<div class="float-left"><span class="list-icon"><i class="far fa-bell"></i></span>Messages</div>
-											<div class="float-right">
-												<span class="badge badge-danger">New</span>
-												<span class="badge badge-secondary">4</span>
+											<div class="float-start"><span class="list-icon"><i class="far fa-bell"></i></span>Messages</div>
+											<div class="float-end">
+												<span class="badge bg-danger">New</span>
+												<span class="badge bg-secondary">4</span>
 											</div>
 										</div>
 									</a>
@@ -191,7 +193,6 @@
 <script src="../dist/js/sidebar.menu.js"></script>
 <script>
 	$(function() {
-		new Sidebar();
 		new Nanobar().go(100);
 		new PerfectScrollbar('.scrollbar', {
 			wheelSpeed: 0.3

diff --git a/demo/white.gradient.html b/demo/white.gradient.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
 	<meta charset="UTF-8">
@@ -17,16 +17,18 @@
 
 <header>
 	<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
+		<div class="container-fluid">
 
-		<!-- title -->
-		<a class="navbar-brand" href="#"><i class="fab fa-bootstrap mr-1 text-danger"></i>
-			<span class="text-danger">Bootstrap menu</span>
-		</a>
+			<!-- title -->
+			<a class="navbar-brand" href="#"><i class="fab fa-bootstrap mr-1 text-danger"></i>
+				<span class="text-danger">Bootstrap menu</span>
+			</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>
+			<!-- 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>
 
@@ -145,10 +147,10 @@
 								<li>
 									<a href="#" class="list-link">
 										<div class="clearfix">
-											<div class="float-left"><span class="list-icon"><i class="far fa-bell"></i></span>Messages</div>
-											<div class="float-right">
-												<span class="badge badge-danger">New</span>
-												<span class="badge badge-secondary">4</span>
+											<div class="float-start"><span class="list-icon"><i class="far fa-bell"></i></span>Messages</div>
+											<div class="float-end">
+												<span class="badge bg-danger">New</span>
+												<span class="badge bg-secondary">4</span>
 											</div>
 										</div>
 									</a>

diff --git a/demo/white.html b/demo/white.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
 	<meta charset="UTF-8">
@@ -17,16 +17,18 @@
 
 <header>
 	<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
+		<div class="container-fluid">
 
-		<!-- title -->
-		<a class="navbar-brand" href="#"><i class="fab fa-bootstrap mr-1 text-danger"></i>
-			<span class="text-danger">Bootstrap menu</span>
-		</a>
+			<!-- title -->
+			<a class="navbar-brand" href="#"><i class="fab fa-bootstrap mr-1 text-danger"></i>
+				<span class="text-danger">Bootstrap menu</span>
+			</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>
+			<!-- 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>
 
@@ -145,10 +147,10 @@
 								<li>
 									<a href="#" class="list-link">
 										<div class="clearfix">
-											<div class="float-left"><span class="list-icon"><i class="far fa-bell"></i></span>Messages</div>
-											<div class="float-right">
-												<span class="badge badge-danger">New</span>
-												<span class="badge badge-secondary">4</span>
+											<div class="float-start"><span class="list-icon"><i class="far fa-bell"></i></span>Messages</div>
+											<div class="float-end">
+												<span class="badge bg-danger">New</span>
+												<span class="badge bg-secondary">4</span>
 											</div>
 										</div>
 									</a>