This demo shows you how you can add Bootstrap styled messages.
The messages are added server side to the facesContext object using the following code:
var msg = "I'm an info message, click the X and I'm gone forever";
The lifetime of these message is very short: they are gone after a request is processed. If you want them to live
longer (e.g. after redirecting a user to another page, you can implement a PhaseListener to store them temporarily
in the sessionScope. The technique to do so is described here.