Bootstrap 4 การใช้งาน Badge
Badge ใน Bootstrap 4 เป็นเครื่องมือที่ใช้สำหรับการแสดงตัวบ่งชี้ (indicator) หรือข้อมูลเพิ่มเติม เช่น จำนวนแจ้งเตือน การแจ้งเตือน…
รวมบทความ สอน Bootstrap 4 ตั้งแต่การจัดโครงสร้างเลย์เอาต์ การใช้ Grid System การปรับแต่งคอมโพเนนต์ ไปจนถึงการออกแบบเว็บไซต์ Responsive อย่างสวยงามและรองรับทุกอุปกรณ์
Badge ใน Bootstrap 4 เป็นเครื่องมือที่ใช้สำหรับการแสดงตัวบ่งชี้ (indicator) หรือข้อมูลเพิ่มเติม เช่น จำนวนแจ้งเตือน การแจ้งเตือน…
ใน Bootstrap 4 เราสามารถจัดกลุ่มปุ่ม (Button Group) เพื่อนำเสนอปุ่มหลายๆ ปุ่มร่วมกันภายในกลุ่มเดียว โดยจะสามารถจัดกลุ่มเป็นแนวนอนหรือแนวตั้งได้ รวมถึงสามารถนำไปประยุกต์ใช้งานในลักษณะต่างๆ…
ใน Bootstrap 4 มีการออกแบบ Button ให้สามารถใช้งานได้หลายรูปแบบ เพื่อให้เหมาะสมกับความต้องการในแต่ละสถานการณ์ ไม่ว่าจะเป็นการเพิ่มปุ่มที่มีสไตล์สีแตกต่างกัน ขนาดต่างๆ รวมไปถึงการทำปุ่มให้มีสถานะต่างๆ…
Alert ใน Bootstrap 4 เป็นเครื่องมือที่ใช้ในการแสดงข้อความแจ้งเตือนผู้ใช้งาน ไม่ว่าจะเป็นการแจ้งเตือนความสำเร็จ ข้อผิดพลาด ข้อมูล หรือคำเตือน ซึ่งสามารถนำไปประยุกต์ใช้ได้ในหลากหลายรูปแบบ…
Jumbotron ใน Bootstrap 4 คือองค์ประกอบที่ใช้สำหรับแสดงเนื้อหาหรือข้อความที่มีความโดดเด่น เพื่อดึงความสนใจจากผู้ใช้ โดยทั่วไปจะใช้ในหน้าแรกหรือหน้าหลักของเว็บไซต์ เช่น การประกาศข่าวสารสำคัญ โปรโมชัน…
ใน Bootstrap 4 มีเครื่องมือและคลาสที่ช่วยในการจัดการกับรูปภาพ (Image) ให้สามารถแสดงผลได้อย่างมีประสิทธิภาพและรองรับการแสดงผลในทุกขนาดหน้าจอ รูปภาพที่ตอบสนอง (Responsive Images) Bootstrap…
Bootstrap 4 มีคลาสให้เราเลือกใช้สำหรับการสร้างตารางสวย ๆ หลายรูปแบบด้วยกัน Basic Table ตารางขั้นพื้นฐาน ถ้าต้องการสร้างตารางแบบเบสิค สามารถใช้คลาส…
ใน Bootstrap 4 เราสามารถใช้งานสีได้ผ่านคลาสที่ Bootstrap ได้เตรียมไว้ให้ สีตัวอักษร ถ้าต้องการกำหนดสีให้กับตัวอักษร สามารถใช้งานคลาสที่ Bootstrap…
โดยปกติ Bootstrap 4 จะกำหนัดขนาดฟอนต์ไว้ที่ 16px ความสูงของเส้นเท่ากับ 1.5 และใช้ฟอนต์ “Helvetica Neue”,…
การแสดงผลของ Bootstrap 4 จะแบ่งเป็นคอลัมน์ทั้งหมด 12 คอลัมน์ แต่ถ้าเราไม่ต้องการใช้ถึง 12 คอลัมน์ เราก็สามารถรวมหลาย…
ใน Bootstrap 4 เราต้องกำหนดเอลิเมนต์สำหรับเป็น Container ขึ้นมา 1 เอลิเมนต์ เพื่อบรรจุเอลิเมนต์ตัวอื่น ๆ…
Bootstrap คือ Fron-End Framework ที่เราสามารถใช้งานได้ฟรี เพื่ออำนวยความสะดวกให้การพัฒนาเว็บไซต์ทำได้อย่างงายและรวดเร็วยิ่งขึ้น มีเทมเพลทสำหรับสร้างฟอร์ม (forms), ปุ่มกด (buttons),…