Bootstrap การจัดการ grid เพื่อให้รองรับกับหน้าจอทุกขนาด xs sm md lg  สร้างคำถาม

 205 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 04/12/2017

เรื่องของการจัดการ Content ให้เป็น Responsive ทุกวันนี้ถือได้ว่าเป็นเรื่องปรกติที่ทุก website จะต้องทำกัน
เพราะ client ของเราไม่ได้มีแค่ PC อีกต่อไป แต่มีทั้ง mobile , tablet , pc ซึ่งแต่ละ device ก็มีหน้าจอหลากหลายขนาด
วันนี้เราจะมาทบทวนการจัดการหน้าจอของ Bootstrap ในรูปแบบ grid
โดยการกำหนดความกว้างของ tag div
ตาม format col-ขนาดหน้าจอ-ความกว้างที่ต้องการ
โดยขนาดหน้าจอประกอบด้วย
- xs (for phones - ความกว้างหน้าจอน้อยกว่า 768px )
- sm (for tablets - ความกว้างหน้าจอมากกว่าหรือเท่ากับ 768px )
- md (for small laptops - ความกว้างหน้าจอมากกว่าหรือเท่ากับ 992px )
- lg (for laptops and desktops - ความกว้างหน้าจอมากกว่าหรือเท่ากับ 1200px )
วิธีการกำหนดค่าก็คือ
col-xs-6
col-sm-6
col-lg-6



ถ้าชอบบทความนี้ กด Like เลย :Bootstrap การจัดการ grid เพื่อให้รองรับกับหน้าจอทุกขนาด xs sm md lg
TAGS : Bootstrap   Javascript   Programming   เขียนโปรแกรม  
 205 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 04/12/2017



SOA,Java,XSLT

 ร่วมแสดงความคิดเห็นได้ที่นี่




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

เนื้อหาที่เกี่ยวช้อง

  วิธี bypass certificate https client และ Webservice client axis ถามเมื่อ (2017-06-01)   508 views  (ดูล่าสุดเมื่อ 49 วินาที!!)

  วิธีแก้ปัญหาการใช้งาน AJAX Jquery กับ Safari ของ ios ถามเมื่อ (2019-02-06)   15 views  (ดูล่าสุดเมื่อ 7 นาที)

  Eclipse วิธีเปลี่ยน Font ของ Java Text Editor ถามเมื่อ (2018-12-18)   41 views  (ดูล่าสุดเมื่อ 13 นาที)

  Ireport วิธีส่ง Parameter เข้า Subreport ถามเมื่อ (2018-12-17)   56 views  (ดูล่าสุดเมื่อ 22 นาที)

  แนะนำ Scala ภาษาที่ Run บน JVM ได้เหมือน Java ถามเมื่อ (2017-03-08)   9,200 views  (ดูล่าสุดเมื่อ 25 นาที)

  Oracle SQL วิธี query field CLOB แปลงเป็น String ถามเมื่อ (2018-09-07)   170 views  (ดูล่าสุดเมื่อ 29 นาที)

  JSONP ดึงข้อมูล JSON ข้าม domain ง่ายๆ แบบ dynamic ถามเมื่อ (2017-12-27)   192 views  (ดูล่าสุดเมื่อ 42 นาที)

  SQL Command การใช้งาน group by having ถามเมื่อ (2015-09-24)   866 views  (ดูล่าสุดเมื่อ 44 นาที)

  Java การ Return error message จาก Exception เหมือน printStackTrace ถามเมื่อ (2014-06-12)   1,688 views  (ดูล่าสุดเมื่อ 69 นาที)

  Oracle คำนวณ อายุ จากวันเกิด ถามเมื่อ (2016-06-05)   836 views  (ดูล่าสุดเมื่อ 101 นาที)


 

บ้านเดียวกันดอทคอม เว็บถามตอบ รวมทุกเรื่องที่คุณอยากรู้ ให้ความรู้ ความบันเทิง มีสาระ
www.ban1gun.com