diff --git a/docs/_includes/js/overview.html b/docs/_includes/js/overview.html
index 2a3c41a8b0..4e4faa4a94 100644
--- a/docs/_includes/js/overview.html
+++ b/docs/_includes/js/overview.html
@@ -9,11 +9,6 @@
     <p>Both <code>bootstrap.js</code> and <code>bootstrap.min.js</code> contain all plugins in a single file. Include only one.</p>
   </div>
 
-  <div class="bs-callout bs-callout-danger">
-    <h4>Component data attributes</h4>
-    <p>Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element.</p>
-  </div>
-
   <div class="bs-callout bs-callout-danger">
     <h4>Plugin dependencies</h4>
     <p>Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that all plugins depend on jQuery (this means jQuery must be included <strong>before</strong> the plugin files). <a href="{{ site.repo }}/blob/v{{ site.current_version }}/bower.json">Consult our <code>bower.json</code></a> to see which versions of jQuery are supported.</p>
@@ -32,6 +27,11 @@ $(document).off('.data-api')
 $(document).off('.alert.data-api')
 {% endhighlight %}
 
+  <div class="bs-callout bs-callout-danger">
+    <h4>Only one plugin per element via data attributes</h4>
+    <p>Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element.</p>
+  </div>
+
   <h3 id="js-programmatic-api">Programmatic API</h3>
   <p>We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.</p>
 {% highlight js %}