forum

home / developersection / forums / how to use bootstrap model popup

Ask Question
Anonymous User

Other

I am a content writter !

Follow
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

01-Nov-2015

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>

How to use bootstrap model popup 
advertising
advertising

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy