Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

How to use bootstrap model popup

Anonymous User 2256 01 Nov 2015

i want use bootstrap model popup please help me

Anonymous User

Other

I am a content writter !

1 Answers

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>

MindStick Training