Booststap Knowledge ความรู้สำหรับการออกเว็บเพื่อให้แสดงผล ได้ดี ทุกหน้าจอ
Moderator: mindphp, ผู้ดูแลกระดาน
-
abdkode
- PHP Super Member
- โพสต์: 361
- ลงทะเบียนเมื่อ: 07/01/2019 9:56 am
โพสต์ที่ยังไม่ได้อ่าน
โดย abdkode »
Toast(โทซท) เป็น Popup หรือ alert ที่จะแจ้งเตือนข้อความบนหน้าจอที่เราใช้งานอยู่ ซึ่งมันสามารถหายไปโดยอัตโนมัติ
ตัวอย่างการเขียน Toast ใน bootstrap4
โค้ด: เลือกทั้งหมด
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header">
<img src="..." class="rounded mr-2" alt="...">
<strong class="mr-auto">Bootstrap</strong>
<small>11 mins ago</small>
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="toast-body">
Hello, world! This is a toast message.
</div>
</div>
เราสามารถเรียกใช้งาน โดยใช้ javascript ได้ดังนี้
ข้อมูลเพิ่มเติมเกี่ยวกับ
Toast ใน bootstrap4
-
-
- 0 ตอบกลับ
- 737 แสดง
-
โพสต์ล่าสุด โดย Thanapoom1514
11/11/2022 4:47 pm
-
-
- 0 ตอบกลับ
- 4034 แสดง
-
โพสต์ล่าสุด โดย abdkode
10/01/2019 1:37 pm
-
-
- 0 ตอบกลับ
- 1615 แสดง
-
โพสต์ล่าสุด โดย eange08
24/12/2020 10:16 am
สมาชิกกำลังดูบอร์ดนี้: Majestic-12 [Bot] และบุคลทั่วไป 70