Bootstrap PopUp

Bootstrap PopUp Testing

Framework 1 :

Framework 2 :

+ Js file(s) :	//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js //maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

+ Css file(s) :	//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
	Apply

	Link :
Direct http link :
	Fork button :

Html code :
	Embed preview :
	Copy the following html code to your page to embed the preview, To include many previews on a single page, just repeat the first line. You can change the width, height and border color (bcolor).

<div class="refork-widget" code="3a0" style="width:100%;height:200px;" bcolor="#ccc"></div> <script type="text/javascript" src="//snippet.run/d/z.js"></script>

HTML

&lt;div class="row"&gt;
      &lt;div class="col-xs-12 col-md-12"&gt;
          &lt;table class="table table-condensed table-hover table-bordered"&gt;
              &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Firstname&lt;/th&gt;
                  &lt;th&gt;Lastname&lt;/th&gt;
              &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;Johnn&lt;/td&gt;
                  &lt;td&gt;Doe&lt;/td&gt;

&lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Sam&lt;/td&gt;
                  &lt;td&gt;Smith&lt;/td&gt;
              &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;

&lt;div class="modal fade" id="myModal"&gt;
    &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
          &lt;h4 class="modal-title"&gt;EDIT&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          &lt;p&gt;&lt;input type="text" class="input-sm" id="txtfname"/&gt;&lt;/p&gt;
          &lt;p&gt;&lt;input type="text" class="input-sm" id="txtlname"/&gt;&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
          &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

CSS

Javascript

Bootstrap PopUp

Link :

Fork button :

Embed preview :