diff --git a/docs/img/showcase/example-bootstrap.gif b/docs/img/showcase/example-bootstrap.gif
index ead94799..76d470f2 100644
Binary files a/docs/img/showcase/example-bootstrap.gif and b/docs/img/showcase/example-bootstrap.gif differ
diff --git a/docs/img/showcase/logo-bootstrap.png b/docs/img/showcase/logo-bootstrap.png
index 64dbcabf..89341649 100644
Binary files a/docs/img/showcase/logo-bootstrap.png and b/docs/img/showcase/logo-bootstrap.png differ
diff --git a/docs/index.haml b/docs/index.haml
index 42335236..238d2747 100644
--- a/docs/index.haml
+++ b/docs/index.haml
@@ -49,6 +49,15 @@ layout: default
             %img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
           .spacer10
           React
+      .col-sm-4.showcase
+        %a{:href => "https://getbootstrap.com/docs/4.0", :target => "_blank"}
+          .img-container
+            %img.img-responsive.logo{:src => "./img/showcase/logo-bootstrap.png", :alt => "bootstrap"}
+          .screen-wrapper
+            %img.img-responsive.example.freezeframe{:src => "./img/showcase/example-bootstrap.gif", :alt => "bootstrap docsearch demo"}
+            %img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
+          .spacer10
+          Bootstrap
       .col-sm-4.showcase
         %a{:href => "http://facebook.github.io/react-native/docs/getting-started.html", :target => "_blank"}
           .img-container