Bootstrap คืออะไร?

มานพ กองอุ่น bootstrap css 14,581

Bootstrap คืออะไร?

Bootstrap คือ Frontend Framework ที่รวม HTML, CSS และ JS เข้าด้วยกันสำหรับพัฒนา Web ที่รองรับทุก Smart Device หรือ เรียกว่า Responsive Web หรือ Mobile First 

Bootstrap ถูกพัฒนาขึ้นโดยทีมงานจาก Twitter หรือ Twitter.com ซึ่งจะเห็นว่าหน้าตาคล้ายกันมาก ซึ่งปัจจุบันทีมพัฒนาหลัก (Core team) มีทั้งหมด 17 คน สามารถติดตามได้จาก 

https://github.com/orgs/twbs/people

 

ทำไมต้องเป็น Bootstrap?

แล้วทำไมล่ะต้องเป็น Bootstrap ด้วย เป็นเรื่องที่น่าคิดเช่นกัน ก่อนอื่นก็คงต้องกล่าวถึงการพัฒนา Web Application ในสมัยก่อน การที่จะออกแบบ Website สักเว็บหนึ่ง ต้องร่างแบบในโปรแกรมซึ่งอาจใช้โปรแกรมยอดนิยมอย่าง Photoshop ออกแบบ Website จากนั้นก็ทำการ Slice ออกมาเป็นภาพต่างๆ และสร้างเป็นไฟล์ CSS และ HTML เพื่อนำไป Coding เป็น Web Application ต่อไป

ในยุคที่ Mobile หรือ Smart Device ยังไม่รุ่งเรืองก็อาจจะยังไม่มีปัญหาอะไร แต่ปัจจุบันยุคที่ Mobile First (ส่วนใหญ่เปิดดูเว็บจาก Mobile) เป็นหลัก การออกแบบเว็บไซต์ต้องคำนึงถึงจุดนี้ แต่เนื่องจากหน้าจอของ Smart Device นั้นมีหลากหลายมาก การออกแบบหน้าเว็บให้ตอบสนองกับทุกหน้าจอ (Responsive Web Design) นั้นเป็นเรื่องยาก

Twitter จึงได้พัฒนา Bootstrap ขึ้นมาเพื่อตอบโจทย์ในด้าน Reponsive Web Design โดยเฉพาะซึ่งมีระบบ Grid มาช่วย และมีการคำนวนค่าหน้าจอพร้อมกับปรับขนาดของ Web ให้แสดงผลกับทุกๆ หน้าจอโดยอัตโนมัติ ซึ่งเราสามารถปรับแต่งให้แต่ละหน้าจอแสดงผลต่างๆ กันได้ ตามขนาดของหน้าจอ

Twitter Bootstrap จึงได้รับความนิยมอย่างกว้างขวาง ในการทำ Frontend เพราะมีเครื่องมือที่พร้อมสนับสนุนการทำงาน และ มีรูปแบบที่สามารถทำความเข้าใจได้ง่าย

สำหรับการทำความเข้าใจ Bootstrap นั้นเราจะเรียนรู้กันแบบ Step by Step เพื่อให้เกิดความเข้าใจพื้นฐาน

เว็บไซต์อย่างเป็นทางการของ Bootstrap คือ

http://getbootstrap.com/

 


หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com
มานพ กองอุ่น

มานพ กองอุ่น
admin

  • 2 เพื่อน
  • 16 ผู้ติดตาม
  • 773 โพสต์