diff --git a/examples/geographic.html b/examples/geographic.html
index bb18bde4a2..2418468a4f 100644
--- a/examples/geographic.html
+++ b/examples/geographic.html
@@ -9,9 +9,9 @@ docs: >
 tags: "geographic"
 experimental: true
 resources:
-  - https://code.jquery.com/jquery-2.2.3.min.js
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
+  - https://code.jquery.com/jquery-3.5.1.min.js
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
 ---
 <div id="map" class="map"><div id="popup"></div></div>
 <div id="info"></div>
diff --git a/examples/geographic.js b/examples/geographic.js
index 462847a43b..d44a81c39a 100644
--- a/examples/geographic.js
+++ b/examples/geographic.js
@@ -74,7 +74,7 @@ map.on('click', function (event) {
     });
     $(element).popover('show');
   } else {
-    $(element).popover('destroy');
+    $(element).popover('dispose');
   }
 });
 
diff --git a/examples/icon-scale.html b/examples/icon-scale.html
index 50f8f73646..56fbd92d95 100644
--- a/examples/icon-scale.html
+++ b/examples/icon-scale.html
@@ -3,14 +3,14 @@ layout: example.html
 title: Icon Scale
 shortdesc: Example of scaling icons and labels.
 docs: >
-  Icons and labels can be scaled in both dimensions if required. A negative value will flip the image 
+  Icons and labels can be scaled in both dimensions if required. A negative value will flip the image
   or text around its anchor point (reversed text is <b>not</b> suitable for line placement). A newline
   character inserted in label text is interpreted in a <b>vector layer</b>, but will not be shown in
   a <b>vector context</b>.
 tags: "vector, style, icon, label, scale"
 resources:
-  - https://code.jquery.com/jquery-2.2.3.min.js
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
+  - https://code.jquery.com/jquery-3.5.1.min.js
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
 ---
 <div id="map" class="map"><div id="popup"></div></div>
diff --git a/examples/icon-scale.js b/examples/icon-scale.js
index 741f87c225..76ef000735 100644
--- a/examples/icon-scale.js
+++ b/examples/icon-scale.js
@@ -107,7 +107,7 @@ map.on('click', function (evt) {
   const feature = map.forEachFeatureAtPixel(evt.pixel, function (feature) {
     return feature;
   });
-  $(element).popover('destroy');
+  $(element).popover('dispose');
   if (feature) {
     const coordinates = feature.getGeometry().getCoordinates();
     popup.setPosition(coordinates);
@@ -124,7 +124,7 @@ map.on('click', function (evt) {
 // change mouse cursor when over marker
 map.on('pointermove', function (e) {
   if (e.dragging) {
-    $(element).popover('destroy');
+    $(element).popover('dispose');
     return;
   }
   const pixel = map.getEventPixel(e.originalEvent);
diff --git a/examples/icon.html b/examples/icon.html
index d2325bb240..831435975c 100644
--- a/examples/icon.html
+++ b/examples/icon.html
@@ -6,8 +6,8 @@ docs: >
   Example using an icon to symbolize a point.
 tags: "vector, style, icon, marker, popup"
 resources:
-  - https://code.jquery.com/jquery-2.2.3.min.js
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
+  - https://code.jquery.com/jquery-3.5.1.min.js
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
 ---
 <div id="map" class="map"><div id="popup"></div></div>
diff --git a/examples/icon.js b/examples/icon.js
index 1c9a79a0b3..e6cc14f35c 100644
--- a/examples/icon.js
+++ b/examples/icon.js
@@ -75,14 +75,14 @@ map.on('click', function (evt) {
     });
     $(element).popover('show');
   } else {
-    $(element).popover('destroy');
+    $(element).popover('dispose');
   }
 });
 
 // change mouse cursor when over marker
 map.on('pointermove', function (e) {
   if (e.dragging) {
-    $(element).popover('destroy');
+    $(element).popover('dispose');
     return;
   }
   const pixel = map.getEventPixel(e.originalEvent);
diff --git a/examples/kml-earthquakes.html b/examples/kml-earthquakes.html
index 9b69f12236..4b8a63b205 100644
--- a/examples/kml-earthquakes.html
+++ b/examples/kml-earthquakes.html
@@ -6,8 +6,8 @@ docs: >
   This example parses a KML file and renders the features as a vector layer.  The layer is given a <code>style</code> that renders earthquake locations with a size relative to their magnitude.
 tags: "KML, vector, style, tooltip"
 resources:
-  - https://code.jquery.com/jquery-2.2.3.min.js
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
+  - https://code.jquery.com/jquery-3.5.1.min.js
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
 ---
 <div id="map" class="map"><div id="info"></div></div>
diff --git a/examples/kml-timezones.html b/examples/kml-timezones.html
index 67b8943ae3..c9a076fa2c 100644
--- a/examples/kml-timezones.html
+++ b/examples/kml-timezones.html
@@ -7,8 +7,8 @@ docs: >
   yellow with an opacity calculated based on the current offset to local noon.
 tags: "KML, vector, style"
 resources:
-  - https://code.jquery.com/jquery-2.2.3.min.js
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
+  - https://code.jquery.com/jquery-3.5.1.min.js
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
 ---
 <div id="map" class="map"><div id="info"></div></div>