Home > DeveloperSection > Forums > How to use bootstrap model popup
Ankit Singh

Total Post:341

Points:2389
Posted on    November-01-2015 11:09 PM

 .NET Bootstrap  Bootstrap Modal 
Ratings:


 1 Reply(s)
 365  View(s)
Rate this:
i want use bootstrap model popup please help me


aditya kumar Patel

Total Post:242

Points:1722
Posted on    November-01-2015 11:12 PM

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>

 

Modified On Nov-01-2015 11:15:44 PM

Don't want to miss updates? Please click the below button!

Follow MindStick