The Bootstrap Modal are multi-purpose streamlined, but flexible (responsive), dialog prompts with the minimum required functionality, looking smart. It can be used to display alert popups, form, videos, and images gallery in a website.

Coding step by step

.1 Do you have already included bootstrap libraries. Specially bootstrap.js or bootstrap.min.js and bootstrap.css or bootstrap.min.css files on your project. If not include it.

.2 The Bootstrap Modal is divided into three primary sections.

• header - modal title, close button
• body - modal content ( form, video, images gallery, message)
• footer - submit button, cancel button

<!-- end modal -->
<div id="myModal" class="modal fade" role="dialog" >
    <!-- modal-dialog -->
    <div class="modal-dialog">
        <!-- modal-content -->    
        <div class="modal-content">
            <!-- modal-header -->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <!-- end modal-header -->
            <!-- modal-body -->
            <div class="modal-body">
                <p>One fine body…</p>
            </div>
            <!-- end modal-body -->
            <!-- modal-footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
            <!-- end modal-footer -->
        </div>
    <!-- end modal-content -->
    </div>
    <!-- end modal-dialog -->
</div>
<!-- end modal -->

.3 If you browse, Cannot see it yet. Need event or something to pop-up.

<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal">Popup Modal</button>
 <!-- /.or -->
<a href="#myModal" data-toggle="modal"><span aria-hidden="true" class="glyphicon glyphicon-comment"></span> Modal</a>

Manually can show & close boostrap modal in jQuery.

$(document).ready(function () {
    $('.open').click(function () {
        $('#myModal').modal('show'); // popup #myModal id modal
    });
    $('.close').click(function () {
        $('#myModal').modal('hide'); // close #myModal id modal
    });
    $('.toggle').click(function () {
        $('#myModal').modal('toggle');
    });
});