Change css in a Bootbox window

css, javascript, twitter-bootstrap

Solution

The best thing to do is to inspect the popup with firebug and you can see the HTML that makes up the modal window, so you can write css for it. Looking at the example on their website, here is the html that makes up a basic example:

<div style="overflow: hidden;" tabindex="-1" class="bootbox modal fade in" aria-hidden="false">
<div class="modal-body">Hello world!</div>
<div class="modal-footer"><a href="javascript:;" class="btn btn-primary" data-handler="0">OK</a></div>
</div>

So if you wanted to change the footer colour:

.modal-footer {background:#c00;}

Problem

How can I add styling (let's say bold attribute) to the "Hello world" in this code: ``` bootbox.alert("Hello world!", function() { Example.show("Hello world callback"); }); ``` Thank you

Original source