Banner Bootstrap 4 -1

Start with Bootstrap 4 เริ่มต้นใช้งานแบบมือใหม่ ฉบับ Video

Start with Bootstrap 4 มาแล้ว.. และแล้วก็ปล่อย Version 4 ออกมา หลังจากที่ให้เรา ใช้งาน version 3 มายาวนาน และยืนมอง ตาปริบๆกับ version 4 ในรูปแบบ alpha ที่ยังไม่พร้อม ปล่อยให้ใช้งานจริงมานาน วันนี้เราจะมา ทำความรู้จักกับเค้าดูครับ

Start with Bootstrap 4

Bootstrap 4

Start with Bootstrap version 4

และแล้วก็มาถึงวันนี้ Bootstrap ปล่อย Version 4.0 beta ออกมาให้เรา ได้ใช้งานกัน อย่างเป็นทางการ เสียที วันที่ CSS Framework ที่น่าจะมี คนใช้เยอะทีสุด และแตะต้องไม่ได้ มากที่สุด

มาพร้อมกับขนาดไฟล์ 153KB และแน่นอน มีแบบเป็น Version แยก grid มาให้ด้วย เหมาะสำหรับ คนจะใช้แค่ grid อย่างเดียว

หรือจะโหลดเป็น source file Sass แล้วเอามาเล่นเอง ตามวิถีผู้ใช้งาน Sass แล้วก็มีมาให้ด้วย

แต่แอบเห็นว่าคราวนี้ ต้องพ่วง popper.js เข้ามาด้วย ไม่ใช่แค่ jQuery อย่างเดียว option เลยมีให้เล่นเยอะขึ้น

ส่วนการใช้งานก็ ใกล้เคียงของเดิมครับ แต่เพิ่มเติมมาเยอะมากๆ เช่น class no-gutter ที่ทำเอา ช่องไฟของ col หายไปหมด ส่วน col ก็ยังใช้ sm,md,lg, ได้อยู่แต่เพิ่ม xl กับ auto และแบบ col-1 เข้ามา

และด้วยการใช้ พลังงานของ flex css ก็เลยได้ class อย่าง Order 1-12 เข้ามาด้วย และยัง .flex ทั้งหลายก็มาเพียบ แนะนำให้ใครจะใช้ ไปหัดเรื่อง CSS Flex มาก่อน แล้วจะใช้อย่างรู้จัก เครื่องไม้ เครื่องมือ

ส่วนอย่างอื่นก็ยังมี Javascript Triggers ที่มาจับ behavior ได้ ส่วนปุ่มก็มี outline เพิ่มขึ้นมา แล้วก็ checkbox กับ radio ทำออกมา เป็นรูปปุ่มเลย

ส่วนที่มาแทน Panel ก็คงเป็น Card ที่ทำออกมาได้ดี เขียนไม่เยอะ ส่วน form มี form grid ที่ดูน่าสนใจ เพราะจัด ให้ได้เลย ไม่ต้องระบุขนาด

ส่วน icon งานนี้ bootstrap เค้าไม่ได้ include เข้ามาให้ แต่ก็มีเจ้าแนะนำ เอาไว้อยู่ ส่วนที่เหลือ รายละเอียดมันเยอะมากๆ คงพูดกันไม่หมด เอาเป็นว่า ใครสนใจ ก็ไปลองใช้ได้เลยวันนี้

Link :: http://getbootstrap.com/

ส่วนใครที่ สนใจจะลอง ใช้งานแต่ยังไม่เคย หรือเคยใช้มาแต่ Version 3 ก็สามารถ ดูวิดีโอ ที่ผมทำมาไว้ ให้ได้นะครับ จะได้เข้าใจวิธีติดตั้ง เพื่อให้เรา เริ่มต้นใช้งานง่ายมากๆ ลองดูและติดตามกันได้ครับ