JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.0.0/bootbox.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<a href="#" class="btn btn-inverse" id="open">OPEN BOOTBOX</a>
JavaScript
$("#open").click(function (e) {
bootbox.confirm({
title: "BOOTBOX",
message: '<div class="row"><div class="col-md-offset-1"> <p> Options</p> </div> </div>'+
'<div id="row1" class="row text-center center-block"> <div class="col-md-offset-3 col-md-3 btn btn-default active" id="exemplo1" > <p> Example 1</p> </div> <div class="col-md-3 btn btn-default" id="exemplo2"> <p> Example 2</p> </div></div>',
className: "saveExample",
callback: function(result){
if (result === true){
alert("Test 123");
}
}
});
});
$("#exemplo1").live("click", function(event){
alert( "Div 'exemplo1' clicada" );
});
$("#exemplo2").live("click", function(event){
alert( "Div 'exemplo2' clicada" );
});