<div class="toast show bg-white" role="alert" aria-live="assertive" aria-atomic="true">
	<div class="toast-header border-color">
		<img src="assets/images/logo-icon.png" class="rounded me-2" alt="...">
		<strong class="me-auto fs-18 fw-bold text-dark">فارول</strong>
		<small>11 دقیقه پیش</small>
		<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
	</div>
	<div class="toast-body">
		سلام دنیا! این یک پیام توست است.
	</div>
</div>

<button type="button" class="btn btn-primary text-white fw-semibold py-2 px-3" id="liveToastBtn">نمایش توست زنده</button>

<div class="toast-container position-fixed bottom-0 end-0 p-3">
    <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="toast-header">
            <img src="assets/images/logo-icon.png" class="rounded me-2" alt="...">
            <strong class="me-auto">بوت استرپ</strong>
            <small>11 دقیقه پیش</small>
            <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
        </div>
        <div class="toast-body">
            سلام دنیا! این یک پیام توست است.
        </div>
    </div>
</div>