# Has anyone gotten Bootstrap Toasts to work in BSS?

**URL:** https://forum.bootstrapstudio.io/t/has-anyone-gotten-bootstrap-toasts-to-work-in-bss/5236
**Category:** Bootstrap Studio Help
**Created:** [June 9, 2019, 10:38pm UTC](https://forum.bootstrapstudio.io/t/has-anyone-gotten-bootstrap-toasts-to-work-in-bss/5236 "2019-06-09T22:38:56Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)
#### Post date: [June 9, 2019, 10:38pm UTC](https://forum.bootstrapstudio.io/t/has-anyone-gotten-bootstrap-toasts-to-work-in-bss/5236/1 "2019-06-09T22:38:56Z")

</div>

It was announced that Toasts were added to BSS version 4.4.2. I see the component in the Misc list, and I can drag it into my page, but aside from being able to show it in BSS by clicking the show button, I can't seem to get it to display on either the BSS browser preview, or a live website. I've tried every combination of settings in the Option panel with no luck.

I know the official Bootstrap Documentation says that you have to initialize Toasts because they are disabled by default for performance reasons, but I can't believe the BSS devs would add a component with visual controls that also need to be initialized by the user to work.

Any help here would be appreciated.

---

<div class="post-metadata">

### Author: ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)
#### Post date: [June 10, 2019, 12:07am UTC](https://forum.bootstrapstudio.io/t/has-anyone-gotten-bootstrap-toasts-to-work-in-bss/5236/2 "2019-06-10T00:07:49Z")

</div>

Okay, I was able to get the Toast to work by adding the following Javascript to the page

`<script>
$(document).ready(function(){
  $('.toast').toast('show');
});
</script>`

Not sure if this is something that was overlooked by the Devs, but hopefully they see this post and comment.

---

<div class="post-metadata">

### Author: ![aussieexpat](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/a/7c8e57/32.png) [@aussieexpat](https://forum.bootstrapstudio.io/u/aussieexpat)
#### Post date: [June 10, 2019, 12:09am UTC](https://forum.bootstrapstudio.io/t/has-anyone-gotten-bootstrap-toasts-to-work-in-bss/5236/3 "2019-06-10T00:09:13Z")

</div>



---

<div class="post-metadata">

### Author: ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)
#### Post date: [June 10, 2019, 1:48am UTC](https://forum.bootstrapstudio.io/t/has-anyone-gotten-bootstrap-toasts-to-work-in-bss/5236/4 "2019-06-10T01:48:15Z")

</div>

It appears it's also necessary to include the path to the jquery.min.js source. Complete code needed to get the toast to work `<script src="assets/js/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$('.toast').toast('show');
});
</script>`