Basic usage: 1. Load the required Bootstrap and Bootoast plugin's CSS files in the header of your html document. <link href="bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="bootoast.css" rel="stylesheet" type="text/css"> 2. Load jQuery library and the Bootoast plugin's script at the end of the document so your page loads faster. <script src="//code.jquery.com/jquery.min.js"></script> <script src="bootoast.js"></script> 3. Create basic toast notifications as follows: bootoast.toast({ message: 'This is an info toast message' });
5. Change the default position of the toast notifications. bootoast.toast({ message: 'This is an info toast message', // top-center, top-left, top-right // bottom-center, bottom-left, bottom-right position: 'bottom-center', }); 6. Specify the timeout in milliseconds that can be used to auto dismiss the toast notifications. bootoast.toast({ message: 'This is an info toast message', timeout: 2000, timeoutProgress: false, // [false, 'top', 'bottom', 'background'] });
[
add
]
[
|
|
...
]