diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 75d6f207e9..255d089504 100644
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ
diff --git a/docs/javascript.html b/docs/javascript.html
index c4c3dd72a9..8e15690267 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -1265,6 +1265,10 @@ $('#myCollapsible').on('hidden', function () {
             <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
             <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
           </div>
+          <div class="alert alert-info">
+            <strong>Heads up!</strong>
+            When implementing this carousel, remove the images we have provided and replace them with your own.
+          </div>
           <hr>
           <h2>Using bootstrap-carousel.js</h2>
           <p>Call via javascript:</p>
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index cba75ac08e..f8fdec8eac 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -1189,6 +1189,10 @@ $('#myCollapsible').on('hidden', function () {
             <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
             <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
           </div>
+          <div class="alert alert-info">
+            <strong>{{_i}}Heads up!{{/i}}</strong>
+            {{_i}}When implementing this carousel, remove the images we have provided and replace them with your own.{{/i}}
+          </div>
           <hr>
           <h2>{{_i}}Using bootstrap-carousel.js{{/i}}</h2>
           <p>{{_i}}Call via javascript:{{/i}}</p>