<div class="modal" id="myModal" tabindex="-1" role="dialog">
 
    <div class="modal-dialog" role="document">
 
        <div class="modal-content">
 
            <div class="modal-header">
                <p>Modal header</p>
            </div>
 
            <div class="modal-body">
                <p>Modal body</p>
            </div>
 
            <div class="modal-footer">
                <p>Modal footer</p>
            </div>
 
        </div>
 
    </div>
 
</div>

Bouton :

<button
    type="button"
    class="btn btn-primary"
    data-toggle="modal"
    data-target="#myModal">
    Toggle Modal
</button>