http://gids.wikiwerkers.nl/w/index.php?action=history&feed=atom&title=Help%3AModals Help:Modals - Bewerkingsoverzicht 2026-05-11T13:27:53Z Bewerkingsoverzicht voor deze pagina op de wiki MediaWiki 1.27.1 http://gids.wikiwerkers.nl/w/index.php?title=Help:Modals&diff=51&oldid=prev Bmulckhu: Nieuwe pagina aangemaakt met 'Categorie:Tweeki componenten__TOC__ ==== Markup==== <nowiki><btn data-toggle="modal" data-target="#myModal">Launch modal</btn></nowiki> <nowiki><div class...' 2017-03-19T22:57:25Z <p>Nieuwe pagina aangemaakt met &#039;<a href="/w/index.php?title=Categorie:Tweeki_componenten&amp;action=edit&amp;redlink=1" class="new" title="Categorie:Tweeki componenten (de pagina bestaat niet)">Categorie:Tweeki componenten</a>__TOC__ ==== Markup==== &lt;nowiki&gt;&lt;btn data-toggle=&quot;modal&quot; data-target=&quot;#myModal&quot;&gt;Launch modal&lt;/btn&gt;&lt;/nowiki&gt; &lt;nowiki&gt;&lt;div class...&#039;</p> <p><b>Nieuwe pagina</b></p><div>[[Categorie:Tweeki componenten]]__TOC__<br /> <br /> ==== Markup====<br /> <br /> &lt;nowiki&gt;&lt;btn data-toggle=&quot;modal&quot; data-target=&quot;#myModal&quot;&gt;Launch modal&lt;/btn&gt;&lt;/nowiki&gt;<br /> <br /> &lt;nowiki&gt;&lt;div class=&quot;modal fade&quot; id=&quot;myModal&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;myModalLabel&quot; aria-hidden=&quot;true&quot;&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;div class=&quot;modal-dialog&quot;&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;div class=&quot;modal-content&quot;&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt; &lt;div class=&quot;modal-header&quot;&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;btn type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;span aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/span&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;/btn&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;h4 class=&quot;modal-title&quot;&gt;Modal title&lt;/h4&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;/div&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;div class=&quot;modal-body&quot;&gt;Modal body&lt;/div&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;div class=&quot;modal-footer&quot;&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;btn data-dismiss=&quot;modal&quot;&gt;Close&lt;/btn&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;btn class=&quot;btn btn-primary&quot;&gt;Modal Action&lt;/btn&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;/div&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;/div&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;/div&gt;&lt;/nowiki&gt;<br /> &lt;nowiki&gt;&lt;/div&gt;&lt;/nowiki&gt;<br /> <br /> <br /> <br /> ====Result====<br /> <br /> &lt;btn data-toggle=&quot;modal&quot; data-target=&quot;#myModal&quot;&gt;Launch modal&lt;/btn&gt;<br /> <br /> &lt;div class=&quot;modal fade&quot; id=&quot;myModal&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;myModalLabel&quot; aria-hidden=&quot;true&quot;&gt;<br /> &lt;div class=&quot;modal-dialog&quot;&gt;<br /> &lt;div class=&quot;modal-content&quot;&gt;<br /> &lt;div class=&quot;modal-header&quot;&gt;<br /> &lt;btn type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;|&lt;span aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/span&gt;&lt;/btn&gt;<br /> &lt;h4 class=&quot;modal-title&quot;&gt;Modal title&lt;/h4&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;modal-body&quot;&gt;Modal body&lt;/div&gt;<br /> &lt;div class=&quot;modal-footer&quot;&gt;<br /> &lt;btn data-dismiss=&quot;modal&quot;&gt;Close&lt;/btn&gt;<br /> &lt;btn class=&quot;btn btn-primary&quot;&gt;Modal Action&lt;/btn&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> <br /> ====HTML====<br /> <br /> &lt;pre&gt;<br /> &lt;p&gt;&lt;a href=&quot;/wiki/Launch_modal&quot; id=&quot;n-Launch-modal&quot; class=&quot;btn btn-default modal-toggle&quot; data-target=&quot;#myModal&quot; data-toggle=&quot;modal&quot;&gt;Launch modal&lt;/a&gt;<br /> &lt;/p&gt;<br /> &lt;div class=&quot;modal fade&quot; id=&quot;myModal&quot;&gt;<br /> &lt;div class=&quot;modal-dialog&quot;&gt;<br /> &lt;div class=&quot;modal-content&quot;&gt;<br /> &lt;div class=&quot;modal-header&quot;&gt;<br /> &lt;div class=&quot;dropdown&quot;&gt;&lt;a href=&quot;INVALID-TITLE:&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;&amp;amp;times;&amp;lt;/span&amp;gt;&quot; id=&quot;n-.3Cspan-aria-hidden.3D.22true.22.3E.C3.97.3C.2Fspan.3E&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot;&gt;&lt;span&gt;&amp;#215;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;<br /> &lt;h4 class=&quot;modal-title&quot;&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Modal_title&quot;&gt;&lt;/span&gt;Modal title&lt;/h4&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;modal-body&quot;&gt;Modal body&lt;/div&gt;<br /> &lt;div class=&quot;modal-footer&quot;&gt;<br /> &lt;div class=&quot;btn-group&quot;&gt;&lt;a href=&quot;/wiki/Close&quot; id=&quot;n-Close&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/a&gt;&lt;/div&gt;<br /> &lt;div class=&quot;btn-group&quot;&gt;&lt;a href=&quot;/wiki/Modal_Action&quot; id=&quot;n-Modal-Action&quot; class=&quot;btn btn-primary&quot;&gt;Modal Action&lt;/a&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/pre&gt;</div> Bmulckhu