visual/modal.html: fix close buttons placement

twbs · Jun 4, 2020 · 3caea1c · 3caea1c
1 parent 7ac763b
commit 3caea1c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/js/tests/visual/modal.html b/js/tests/visual/modal.html
@@ -38,10 +38,10 @@ <h1>Modal <small>Bootstrap Visual Test</small></h1>
         <div class="modal-dialog">
           <div class="modal-content">
             <div class="modal-header">
+              <h4 class="modal-title" id="myModalLabel">Modal title</h4>
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
               </button>
-              <h4 class="modal-title" id="myModalLabel">Modal title</h4>
             </div>
             <div class="modal-body">
               <h4>Text in a modal</h4>
@@ -125,10 +125,10 @@ <h4>Overflowing text to show scroll behavior</h4>
         <div class="modal-dialog">
           <div class="modal-content">
             <div class="modal-header">
+              <h4 class="modal-title" id="firefoxModalLabel">Firefox Bug Test</h4>
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
               </button>
-              <h4 class="modal-title" id="firefoxModalLabel">Firefox Bug Test</h4>
             </div>
             <div class="modal-body">
               <ol>
@@ -151,10 +151,10 @@ <h4 class="modal-title" id="firefoxModalLabel">Firefox Bug Test</h4>
         <div class="modal-dialog" style="transition-duration: inherit;">
           <div class="modal-content">
             <div class="modal-header">
+              <h4 class="modal-title" id="slowModalLabel">Lorem slowly</h4>
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
               </button>
-              <h4 class="modal-title" id="slowModalLabel">Lorem slowly</h4>
             </div>
             <div class="modal-body">
               <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue.</p>