How to use bootstrap model popup

i want use bootstrap model popup please help me
Last updated:11/1/2015 11:12:48 PM

1 Answers

Aditya Patel
Aditya Patel

The Bootstrap Modal is a lightweight multi-purpose JavaScript popup that is customizable and responsive. It can be used to display alert popups, videos, and images in a website. 

<link href='~/Content/bootstrap.css' rel='stylesheet' />

       <script src='~/Scripts/jquery-2.1.4.js'></script>

<script src='~/Scripts/bootstrap.min.js'></script>

<div class='modal fade' id='modelpopup' tabindex='-1' role='dialog' aria-labelledby='myModalLabel'>

    <div class='modal-dialog modal-sm' role='document'>

        <div class='modal-content' id='model-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' id='myModalLabel'>Information</h4>

            </div>

            <div class='modal-body'>

                <strong>Are you sure you want to delete this record!</strong>

            </div>

            <div class='modal-footer'>

                <a class='btn btn-warning DeleleConfirm' href=''>Yes</a>

                <button type='button' class='btn btn-danger' data-dismiss='modal'>Cancel</button>

            </div>

        </div>

    </div>

</div>

 

 

       <script>

         $('#modelpopup).modal('show');

</script>

 

Answer