Include below CSS to your code
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/css/bootstrap-dialog.min.css"/>
HTML Code for your Model to show easirly
Click Button next to see bootstrap popup with simple message and Title.
<button class="btn btn-primary" type="button" onclick="showModalNow()">Click Me</button>
Include script below in your code to get bootstrap-model working easily
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/js/bootstrap-dialog.min.js" type="text/javascript" />
<script>
function showModalNow(){
BootstrapDialog.show({
title : 'This is my custom Title',
message : 'Hi Apple!'
});
}
</script>