Difference between revisions of "Modals"

From Tweeki
Jump to: navigation, search
(Created page with "Category:Components__TOC__ ==== Markup==== <nowiki><btn data-toggle="modal" data-target="#myModal">Launch modal</btn></nowiki> <nowiki><div class="modal fade" id="my...")
 
Line 21: Line 21:
 
     <nowiki></div></nowiki>
 
     <nowiki></div></nowiki>
 
   <nowiki></div></nowiki>
 
   <nowiki></div></nowiki>
<nowiki></div></nowiki>
+
<nowiki></div></nowiki>
  
 
====Result====
 
====Result====

Revision as of 20:41, 5 September 2016

Markup

<btn data-toggle="modal" data-target="#myModal">Launch modal</btn>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
   <div class="modal-content">
     <div class="modal-header">
       <btn type="button" class="close" data-dismiss="modal" aria-label="Close">
         <span aria-hidden="true">×</span>
       </btn>
       <h4 class="modal-title">Modal title</h4>
     </div>
     <div class="modal-body">Modal body</div>
     <div class="modal-footer">
       <btn data-dismiss="modal">Close</btn>
       <btn class="btn btn-primary">Modal Action</btn>
     </div>
   </div>
 </div>
</div>

Result

Launch modal

HTML