So erstellen Sie ein Modal

Question

Ich bin neu in diesem Bereich und versuchte, ein Modal zu erstellen. Ich fand dieses Modal: http://drublic.github.io/css-modal/#howto aber konnte nicht verstehen, welche Dateien in meiner Webseite enthalten sind. Ich sehe, es gibt viele verschiedene Dateien (SCSS, CSS und JS) und viele andere. Was sind die Dateien, die ich vor dem Schreiben des Markups und dem Einstieg in diese Aufgabe einfügen sollte?

Answer 1

Sie können Bootstrap-Modale verwenden. Sie sind flexibel und Mindestfunktionalität erforderlich ..

 <button class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">Large modal</button> 

<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
      <span aria-hidden="true">&times;</span> 
     </button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <p>One fine body&hellip;</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 

Benötigte CSS und JS-Dateien sind in JsFiddle der externen Ressourcen Link

Sie können mehr Hilfe und Informationen Here und unten finden ist ein funktionierendes Beispiel.

Fiddle Example