diff --git a/docs/_includes/js/modal.html b/docs/_includes/js/modal.html
index 9798d85bb6..bea45b4cf9 100644
--- a/docs/_includes/js/modal.html
+++ b/docs/_includes/js/modal.html
@@ -27,7 +27,7 @@ $('#myModal').on('shown.bs.modal', function () {
   <h3>Static example</h3>
   <p>A rendered modal with header, body, and set of actions in the footer.</p>
   <div class="bs-example bs-example-modal" data-example-id="static-modal">
-    <div class="modal">
+    <div class="modal" tabindex="-1" role="dialog">
       <div class="modal-dialog">
         <div class="modal-content">
           <div class="modal-header">
@@ -46,7 +46,7 @@ $('#myModal').on('shown.bs.modal', function () {
     </div><!-- /.modal -->
   </div><!-- /example -->
 {% highlight html %}
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog">
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
@@ -267,7 +267,7 @@ $('#myModal').on('shown.bs.modal', function () {
   </button>
 </div><!-- /example -->
 {% highlight html %}
-<div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel">
+<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">