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

 8 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   เขียนโปรแกรม  
 8 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 04/12/2017



SOA,Java,XSLT

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




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

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

  Jasper report คืออะไร ต่างจาก iReport อย่างไร ถามเมื่อ (2015-08-23)   2,803 views  (ดูล่าสุดเมื่อ 18 นาที)

  ORACLE alter table not null ยังไงครับ ถามเมื่อ (2017-11-10)   23 views  (ดูล่าสุดเมื่อ 129 นาที)

  Hibernate Mapping Auto number ใน Oracle ด้วย SEQUENCE ถามเมื่อ (2013-07-04)   1,673 views  (ดูล่าสุดเมื่อ 157 นาที)

  Javascript debugger ie8 ใส่ breakpoints ไม่ได้ ถามเมื่อ (2015-09-15)   446 views  (ดูล่าสุดเมื่อ 175 นาที)

  MapReduce คืออะไร เกี่ยวข้องกับ Hadoop หรือ Big Data ยังไง ถามเมื่อ (2017-02-07)   5,156 views  (ดูล่าสุดเมื่อ 177 นาที)

  jsp include directive vs include action สองตัวนี้ต่างกันยังไง ถามเมื่อ (2015-09-14)   633 views  (ดูล่าสุดเมื่อ 209 นาที)

  เขียน PL SQL ให้แสดง error message ยังไงครับ ถามเมื่อ (2015-08-23)   1,569 views  (ดูล่าสุดเมื่อ 213 นาที)

  เกย้เ ถามเมื่อ (2011-12-21)   1,542 views  (ดูล่าสุดเมื่อ 224 นาที)

  PLSQL sub sttring คั่นด้วย | ใช้ REGEXP_SUBSTR ตอบโจทย์ ถามเมื่อ (2017-11-06)   13 views  (ดูล่าสุดเมื่อ 246 นาที)

  Version ของ Java ปัจจุบันไปถึงใหนแล้วครับ ถามเมื่อ (2015-04-27)   533 views  (ดูล่าสุดเมื่อ 269 นาที)


 

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