สอน CSS #19 - Bootstrap Grid - กริดที่ไม่ใช่กริด

คอร์ส Workshop - HTML, CSS (Bulma), JS มีวีดีโอสอน พร้อมโจทย์และโค้ดเฉลยเพียบ สั่งซื้อได้เลยครับช่วงราคาโปรโมชั่น
https://zinglecode.com/courses/html-css-javascript-workshop

ติดตามและพูดคุยได้ที่
Facebook : https://www.facebook.com/zinglecode
Line : https://lin.ee/yG1XX6D

ใครยังไม่รู้จัก Flexbox และ Item ดูนี่ก่อนเน่อ
Flexbox https://www.youtube.com/watch?v=9yZ0U3BNSz8
Flexbox item https://www.youtube.com/watch?v=eGjiYUhvUZw
สูตรใส่พื้นที่ว่างใน Flexbox https://www.facebook.com/zinglecode/posts/370038897740081

มาต่อเนื่องกันด้วยเรื่องการใช้งาน Grid system a.k.a. Flexbox ของ Bootstrap กันเลยครับผม

วาร์ปหัวข้อ
0:00 เริ่มต้นใช้งาน Grid system
4:28 กำหนดขนาด Columns
7:12 จัดเรียง Columns แนวนอน แนวตั้ง
10:53 พื้นที่ว่างระหว่าง Columns

อ่านเพิ่มเติม
เริ่มต้นใช้งาน Grid system https://getbootstrap.com/docs/4.5/layout/grid/
จัดเรียง Columns https://getbootstrap.com/docs/4.5/layout/grid/#alignment
พื้นที่ว่างระหว่าง Columns https://getbootstrap.com/docs/4.5/layout/grid/#gutters

Видео สอน CSS #19 - Bootstrap Grid - กริดที่ไม่ใช่กริด канала Zinglecode
html, css, สอนเขียนโปรแกรม, สอนเขียนเว็บ, สอนเขียนแอพ, สอนเขียนโค้ด, เรียนเขียนโปรแกรม, เรียนเขียนเว็บ, เรียนเขียนแอพ, เรียนเขียนโค้ด, html css, html สอน, css สอน, html เบื้องต้น, css เบื้องต้น, html5, css3, html css สอน, javascript, javascript สอน, javascript เบื้องต้น, html tutorial, css tutorial, javascript tutorial