จดโน้ตเกี่ยวกับ Bootstrap 4 จากการลงมือทำเว็บไซต์จริง

โน้ตนี้เป็นการจดบันทึกการใช้งานทั่วไปของ Bootstrap 4 นะครับ อาจจะดูงงๆหน่อย ผมรวบรวมไว้เตือนความจำซะมากกว่า โดยส่วนตัวแล้วผมคุ้นเคยกับการใช้งาน Bootstrap 3 เป็นอย่างดี พอเปลี่ยนมาใช้เวอร์ชัน 4 ก็อาจจะทำให้งงกับการเปลี่ยนแปลงของมันนิดหน่อย ก็เลยจดเอาไว้ว่ามีอะไรเปลี่ยนแปลงบ้าง จะได้เปิดดูเวลาติดขัดกับบางอันที่เปลี่ยนไป

  • ตัดธีม WordPress นั่งจัดเมนูแล้วมันไม่ยอมชิดขวาซักที เพราะผมใส่ mr-auto ไปกับคลาสเมนูของ WordPress แล้วมันก็ยังไม่ได้ ทั้งที่เอามาจากตัวอย่างของหน้าเว็บหลักเลย โอเค ลองเปลี่ยนเป็น ml-auto ดูละกัน ผลปรากฏว่าเวิร์ค ผมเลยสรุปว่ามันคือ margin left auto
  • Grid layout เปลี่ยนด้วยแฮะ เวลาใช้ offset ปกติมันจะใช้ col-sm-offset-number แต่เปลี่ยนเป็น offset-sm-number
  • อย่าลืมคลาส row ก่อนจะแบ่ง grid แต่ก่อนมันใส่ได้ แต่ตอนนี้พัง เหลือคอลัมเดียวซะงั้น

 

Facebook Comments

comments