Migrate Bootstrap from 4.0.0 to 5.3.3 with latest dependencies

Copilot · DRSDavidSoft · Copilot · commit 023a94a68e81 · 2025-11-13T16:56:58.000Z
Co-authored-by: DRSDavidSoft &lt;4673812+DRSDavidSoft@users.noreply.github.com&gt;
diff --git a/css/main.css b/css/main.css
@@ -107,17 +107,17 @@ h4 {
     outline: none;
     box-shadow: none;
 }
-.btn.btn-default {
+.btn.btn-secondary {
     border: 1px solid #eee;
     background-color: #C4C4C4;
     color: #eee;
 }
-.btn.btn-default:hover {
+.btn.btn-secondary:hover {
     border: 1px solid #eee;
     background-color: #ccc;
     color: #eee;
 }
-.btn.btn-default:active {
+.btn.btn-secondary:active {
     border: 1px solid #eee;
     background-color: #bbb;
     color: #eee;
@@ -283,19 +283,19 @@ ul ol {
         color: #e0e0e0;
     }
     
-    .btn.btn-default {
+    .btn.btn-secondary {
         border: 1px solid #444;
         background-color: #4a4a4a;
         color: #e0e0e0;
     }
     
-    .btn.btn-default:hover {
+    .btn.btn-secondary:hover {
         border: 1px solid #555;
         background-color: #555;
         color: #e0e0e0;
     }
     
-    .btn.btn-default:active {
+    .btn.btn-secondary:active {
         border: 1px solid #666;
         background-color: #606060;
         color: #e0e0e0;
diff --git a/index.html b/index.html
@@ -10,11 +10,11 @@
 
     <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic' type="text/css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css" type="text/css">
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" type="text/css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
     <link rel="stylesheet" href="css/main.css" type="text/css">
-    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha384-1H217gwSVyLSIfaLxHbE7dRb3v4mYCKbpQvzx0cegeju1MVsGrX5xXxAvs/HgeFs" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
 </head>
 
 <body>
@@ -83,7 +83,7 @@ <h4 id="latest-version">&nbsp;</h4>
 
                 <div class="row">
                     <div class="col">
-                        <a class="btn btn-default" id="mini" onclick="_gaq.push(['_trackEvent', 'Download', 'mini'])" href="https://github.com/cmderdev/cmder/releases/latest">
+                        <a class="btn btn-secondary" id="mini" onclick="_gaq.push(['_trackEvent', 'Download', 'mini'])" href="https://github.com/cmderdev/cmder/releases/latest">
                             Download Mini
                         </a>
                         <small id="mini-size">~7.8MB</small>
