กลับหน้าบทเรียน
Export PDF
# สัปดาห์ที่ 13 Responsive Web Design และ Bootstrap --- ## Responsive Design เว็บควรอ่านง่ายและใช้งานได้บนหลายขนาดหน้าจอ --- ## Mobile First เริ่มจากจอเล็กก่อน แล้วค่อยเพิ่มความซับซ้อนสำหรับจอใหญ่ --- ## Bootstrap Grid ```html <div class="row"> <div class="col-12 col-md-6">A</div> <div class="col-12 col-md-6">B</div> </div> ``` --- ## DevTools - Device mode - Inspect layout - Check spacing - Test breakpoints --- ## กิจกรรม ปรับ Mini Project ให้รองรับ mobile, tablet และ desktop