Merge pull request #4 from kathirr007/bootstrap-5-migration

fix(mobile-menu): Fixed mobile menu toggle

app/index.html

@@ -21,7 +21,7 @@
     <nav class="site-nav family-sans navbar navbar-expand-md navbar-dark fixed-top">
       <div class="container-fluid">
 
-        <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#myTogglerNav"
+        <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#myTogglerNav"
           aria-controls="myTogglerNav" aria-label="Toggle Navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
@@ -347,39 +347,6 @@ <h2 class="page-section-title display-4 pt-4">Photo Grid</h2>
   <article id="page-carousel" class="page-section">
 
     <section id="layout-carousel" class="layout-carousel carousel slide" data-ride="carousel">
-      <!-- <div class="carousel-inner">
-        <ol class="carousel-indicators">
-          <li data-target="#layout-carousel" data-slide-to="0"></li>
-          <li data-target="#layout-carousel" data-slide-to="1" class="active"></li>
-          <li data-target="#layout-carousel" data-slide-to="2"></li>
-        </ol>
-        <div class="carousel-item active">
-          <img class="img-fluid" src="https://craftypixels.com/placeholder-image/16:9x1600/A/B.png&text=one"
-            alt="Photo Sample">
-        </div>
-      
-        <div class="carousel-item">
-          <img class="img-fluid" src="https://craftypixels.com/placeholder-image/16:9x1600/B/C.png&text=two"
-            alt="Photo Sample">
-        </div>
-        <div class="carousel-item">
-          <img class="img-fluid" src="https://craftypixels.com/placeholder-image/16:9x1600/D/E.png&text=three"
-            alt="Photo Sample">
-        </div>
-      
-        <a class="carousel-control-prev" href="#layout-carousel" role="button" data-slide="prev">
-          <span class="carousel-control-prev-icon" aria-hidden="true">
-            <span class="sr-only">Previous</span>
-          </span>
-        </a>
-      
-        <a class="carousel-control-next" href="#layout-carousel" role="button" data-slide="next">
-          <span class="carousel-control-next-icon" aria-hidden="true">
-            <span class="sr-only">Previous</span>
-          </span>
-        </a>
-      </div> -->
-
       <div id="carouselExampleIndicators" class="carousel slide">
         <div class="carousel-indicators">
           <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"

src/_partials/_header-nav.html

@@ -1,6 +1,6 @@
 <div class="container-fluid">
 
-  <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#myTogglerNav"
+  <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#myTogglerNav"
     aria-controls="myTogglerNav" aria-label="Toggle Navigation">
     <span class="navbar-toggler-icon"></span>
   </button>

src/_partials/_page-carousel-content.html

@@ -1,36 +1,3 @@
-<!-- <div class="carousel-inner">
-  <ol class="carousel-indicators">
-    <li data-target="#layout-carousel" data-slide-to="0"></li>
-    <li data-target="#layout-carousel" data-slide-to="1" class="active"></li>
-    <li data-target="#layout-carousel" data-slide-to="2"></li>
-  </ol>
-  <div class="carousel-item active">
-    <img class="img-fluid" src="https://craftypixels.com/placeholder-image/16:9x1600/A/B.png&text=one"
-      alt="Photo Sample">
-  </div>
-
-  <div class="carousel-item">
-    <img class="img-fluid" src="https://craftypixels.com/placeholder-image/16:9x1600/B/C.png&text=two"
-      alt="Photo Sample">
-  </div>
-  <div class="carousel-item">
-    <img class="img-fluid" src="https://craftypixels.com/placeholder-image/16:9x1600/D/E.png&text=three"
-      alt="Photo Sample">
-  </div>
-
-  <a class="carousel-control-prev" href="#layout-carousel" role="button" data-slide="prev">
-    <span class="carousel-control-prev-icon" aria-hidden="true">
-      <span class="sr-only">Previous</span>
-    </span>
-  </a>
-
-  <a class="carousel-control-next" href="#layout-carousel" role="button" data-slide="next">
-    <span class="carousel-control-next-icon" aria-hidden="true">
-      <span class="sr-only">Previous</span>
-    </span>
-  </a>
-</div> -->
-
 <div id="carouselExampleIndicators" class="carousel slide">
   <div class="carousel-indicators">
     <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"