diff --git a/docs/javascript/iframe.md b/docs/javascript/iframe.md
index ac2b80f76..06de20614 100644
--- a/docs/javascript/iframe.md
+++ b/docs/javascript/iframe.md
@@ -30,22 +30,20 @@ To get the iframe 100% working you need the following content-wrapper markup:
 ###### Markup with Default IFrame Tab
 ```html
 <div class="content-wrapper iframe-mode" data-widget="iframe" data-loading-screen="750">
-  <div class="nav navbar navbar-expand-lg navbar-white navbar-light border-bottom p-0">
-    <a class="nav-link bg-danger" href="#" data-widget="iframe-close">Close</a>
+  <div class="nav navbar navbar-expand navbar-white navbar-light border-bottom p-0">
+    <div class="nav-item dropdown">
+      <a class="nav-link bg-danger dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Close</a>
+      <div class="dropdown-menu mt-0">
+        <a class="dropdown-item" href="#" data-widget="iframe-close" data-type="all">Close All</a>
+        <a class="dropdown-item" href="#" data-widget="iframe-close" data-type="all-other">Close All Other</a>
+      </div>
+    </div>
     <a class="nav-link bg-light" href="#" data-widget="iframe-scrollleft"><i class="fas fa-angle-double-left"></i></a>
-    <ul class="navbar-nav" role="tablist">
-      <li class="nav-item active" role="presentation">
-        <a href="#" class="btn-iframe-close" data-widget="iframe-close" data-type="only-this"><i class="fas fa-times"></i></a>
-        <a class="nav-link active" data-toggle="row" id="tab-index-html" href="#panel-index-html" role="tab" aria-controls="panel-index-html" aria-selected="true">Dashboard v1</a>
-      </li>
-    </ul>
+    <ul class="navbar-nav overflow-hidden" role="tablist"><li class="nav-item active" role="presentation"><a href="#" class="btn-iframe-close" data-widget="iframe-close" data-type="only-this"><i class="fas fa-times"></i></a><a class="nav-link active" data-toggle="row" id="tab-index-html" href="#panel-index-html" role="tab" aria-controls="panel-index-html" aria-selected="true">Dashboard v1</a></li></ul>
     <a class="nav-link bg-light" href="#" data-widget="iframe-scrollright"><i class="fas fa-angle-double-right"></i></a>
     <a class="nav-link bg-light" href="#" data-widget="iframe-fullscreen"><i class="fas fa-expand"></i></a>
   </div>
   <div class="tab-content">
-    <div class="tab-pane fade active show" id="panel-index" role="tabpanel" aria-labelledby="tab-index">
-      <iframe src="./index.html"></iframe>
-    </div>
     <div class="tab-empty">
       <h2 class="display-4">No tab selected!</h2>
     </div>
@@ -54,6 +52,7 @@ To get the iframe 100% working you need the following content-wrapper markup:
         <h2 class="display-4">Tab is loading <i class="fa fa-sync fa-spin"></i></h2>
       </div>
     </div>
+    <div class="tab-pane fade" id="panel-index-html" role="tabpanel" aria-labelledby="tab-index-html"><iframe src="./index.html"></iframe></div>
   </div>
 </div>
 ```