Bootstrap คือ


     Bootstrap คือ Framwork สำหรับการแสดงผลของเว็บไซต์ โดยใช้ Css เวอร์ชั่น 3 และคำสั่ง Javascript บางส่วน ที่ถูกออกแบบเป็นเครื่องมือให้นักพัฒนาเว็บไซต์สามารถออกแบบการแสดงผลได้แบบง่ายๆ และมีความสวยงาม ทันสมัย และรองรับการแสดงผลบนหน้าจอขนาดต่างๆได้ เช่น อุปกรณ์ Smart Device อาทิ iPhone,iPad,Tablet,Android Phone ต่างๆ รวมถึงการแสดงผลบนหน้าจอขนาดใหญ่ อย่างเช่น Smart Tv เป็นต้น
     เราเรียกการแสดงผลแบบนี้ว่า Responsive Web Design นักพัฒนาเว็บไซต์จะเรียก Bootstrap ว่าเป็น Front-end Framework
ตอนนี้ Bootstrap พัฒนาถึงเวอร์ชั่นที่ 3 (Bootstrap 3) แล้วครับ โดยมีการเปลี่ยนแปลง Grid Layout ให้สามารถแสดงผลบนอุปกรณ์ Smart Device ที่หลากหลาย
ให้ศึกษาจาก -> http://getbootstrap.com/css/#grid

สำหรับเรื่องของการสอนใช้งาน ผมไม่ขออธิบายอะไรนะครับ เพราะมีคนเขียนไว้ค่อนข้างเยอะแล้วครับ ให้ศึกษาจากเว็บไซต์เหล่านี้ครับ
http://getbootstrap.com/
http://www.blognat.com/ออกแบบเว็บไซต์-grid-bootstrap/

และวีดีโอสอนการใช้งานจากคนไทยท่านนี้ครับ ค่อนข้างที่จะอธิบายได้ดีครับผม



ส่วนนี้เป็น Theme ของ Bootstrap ครับ
http://bootswatch.com/
สามารถให้ดาวน์โหลดมาใช้งานได้ฟรี โดยเลือกที่ Theme ก่อนและเลือกดาวน์โหลด ให้เลือกว่าจะเอาไฟล์อะไรระหว่าง bootstrap.min.css หรือ bootstrap.css
แล้ว Copy โค๊ด css มาทับไฟล์ bootstrap.min.css หรือ ไฟล์ bootstrap.css เดิมของเราได้เลยครับ

และสุดท้ายเป็นตัวอย่างเว็บที่พัฒนาด้วย Bootstrap ครับ สามารถเข้าไปดูไอเดียการออกแบบด้วย Bootstrap จากเว็บชื่อดังต่างๆได้ครับ
http://lovebootstrap.com

ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

วิธีใช้งาน Ubuntu Server && Debian Server

ติดตั้ง pip3 ใน linux และวิธีใช้งาน

สร้าง Service ให้ Run สคริปต์ Python ใน Debian