Update Bootstrap 5.2.0 on Angular & React app

Author: ganatan

angular/package-lock.json

@@ -22,7 +22,7 @@
     "@angular/platform-browser-dynamic": "14.0.6",
     "@angular/router": "14.0.6",
     "@fortawesome/fontawesome-free": "6.1.1",
-    "bootstrap": "5.1.3",
+    "bootstrap": "5.2.0",
     "rxjs": "7.5.6",
     "tslib": "2.4.0",
     "zone.js": "0.11.6"

angular/package.json

@@ -31,7 +31,7 @@ <h3 class="h5">Features<i class="fas fa-list ms-2"></i></h3>
   </div>
   <div class="row pt-2">
     <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-3 mb-2" *ngFor="let feature of features">
-      <div class="nga-card bg-light mb-3">
+      <div class="card nga-card bg-light mb-3">
         <a routerLink="/{{ feature.link }}">
           <div class="card-header">
             <div class="row">

angular/src/app/modules/general/home/home.component.html

@@ -58,7 +58,7 @@ export class HomeComponent implements OnInit {
     this.meta.updateTag(
       {
         name: 'description',
-        content: 'This application was developed with Angular version 14.0.6 and bootstrap 5.1.3' +
+        content: 'This application was developed with Angular version 14.0.6 and bootstrap 5.2.0' +
           ' It applies Routing, Lazy loading, Server side rendering and Progressive Web App (PWA)'
       });
   }

angular/src/app/modules/general/home/home.component.ts

@@ -4,7 +4,7 @@ export const environment = {
   {
     name: 'angular-modules',
     version: 'Angular 14.0.6',
-    bootstrap: 'Bootstrap 5.1.3',
+    bootstrap: 'Bootstrap 5.2.0',
     fontawesome: 'Font Awesome 6.1.1',
   }
 };

angular/src/environments/environment.prod.ts

@@ -4,7 +4,7 @@ export const environment = {
   {
     name: 'angular-modules',
     version: 'Angular 14.0.6',
-    bootstrap: 'Bootstrap 5.1.3',
+    bootstrap: 'Bootstrap 5.2.0',
     fontawesome: 'Font Awesome 6.1.1',
   }
 };

angular/src/environments/environment.ts

@@ -163,7 +163,7 @@ <h2 class="h5">
         </div>
         <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 text-center text-primary mb-2">
           <h2 class="h5">
-            Bootstrap 5.1.3<i class="fab fa-bootstrap fa-lg ms-2"></i>
+            Bootstrap 5.2.0<i class="fab fa-bootstrap fa-lg ms-2"></i>
           </h2>
         </div>
         <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 text-center text-success mb-2">
@@ -180,7 +180,7 @@ <h3 class="h5">Features<i class="fas fa-list ms-2"></i></h3>
       </div>
       <div class="row pt-2">
         <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-3 mb-2">
-          <div class="nga-card bg-light mb-3">
+          <div class="card nga-card bg-light mb-3">
             <a routerLink="/bootstrap">
               <div class="card-header">
                 <div class="row">
@@ -199,7 +199,7 @@ <h5 class="card-title">Bootstrap</h5>
           </div>
         </div>
         <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-3 mb-2">
-          <div class="nga-card bg-light mb-3">
+          <div class="card nga-card bg-light mb-3">
             <div class="card-header">
               <div class="row">
                 <div class="col-10 col-xl-10">
@@ -216,7 +216,7 @@ <h5 class="card-title">Services</h5>
           </div>
         </div>
         <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-3 mb-2">
-          <div class="nga-card bg-light mb-3">
+          <div class="card nga-card bg-light mb-3">
             <div class="card-header">
               <div class="row">
                 <div class="col-10 col-xl-10">
@@ -233,7 +233,7 @@ <h5 class="card-title">Components</h5>
           </div>
         </div>
         <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-3 mb-2">
-          <div class="nga-card bg-light mb-3">
+          <div class="card nga-card bg-light mb-3">
             <div class="card-header">
               <div class="row">
                 <div class="col-10 col-xl-10">
@@ -250,7 +250,7 @@ <h5 class="card-title">Reactive Forms</h5>
           </div>
         </div>
         <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-3 mb-2">
-          <div class="nga-card bg-light mb-3">
+          <div class="card nga-card bg-light mb-3">
             <div class="card-header">
               <div class="row">
                 <div class="col-10 col-xl-10">
@@ -274,7 +274,7 @@ <h5 class="card-title">Template Driven Forms</h5>
   <footer class="nga-footer">
     <div class="py-3 text-center" style="background-color: black;">
       <div class="container">
-        <a href="https://www.ganatan.com/"> www.ganatan.com</a>
+        2021 :<a href="https://www.ganatan.com/"> www.ganatan.com</a>
       </div>
     </div>
   </footer>