2 files changed, 22 insertions, 0 deletions
diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index fe19b6a70..b0f9b786c 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -37,6 +37,24 @@
   {% endfor %}
 {% endif %}
 
+{% if page.slug == "getting-started" or page.slug == "css" or page.slug == "components" or page.slug == "js" %}
+<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
+<script type="text/javascript">
+  var docsearch = docsearch({
+    apiKey: '48cb48b22351bc71ea5f12f4d1ede198',
+    indexName: 'bootstrap-v3',
+    inputSelector: '#search-input',
+    transformData: function (hits) {
+      return hits.map(function (hit) {
+        hit.url = hit.url.replace('https://getbootstrap.com/docs/3.4/', '');
+        return hit;
+      });
+    },
+    debug: false // Set debug to true if you want to inspect the dropdown
+  });
+</script>
+{% endif %}
+
 {% if page.slug == "customize" %}
   <script>var __configBridge = {{ site.data.configBridge.config | jsonify }}</script>
   {% if site.github %}
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index bf90dc408..d7077f9a0 100644
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -28,6 +28,10 @@
   {% endif %}
 {% endif %}
 
+{% if page.slug == "getting-started" or page.slug == "css" or page.slug == "components" or page.slug == "js" %}
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css">
+{% endif %}
+
 <!-- Documentation extras -->
 {% if site.github %}
 <link href="{{ site.baseurl }}/assets/css/docs.min.css" rel="stylesheet">