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

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

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

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



SOA,Java,XSLT

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




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

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

  Jasperreport เทคนิค การแสดงผล field CLOB Oracle ใน iReport ถามเมื่อ (2018-09-07)   962 views  (ดูล่าสุดเมื่อ 5 นาที)

  การจัดการ Transaction บน Hibernate ถามเมื่อ (2012-05-16)   2,766 views  (ดูล่าสุดเมื่อ 10 นาที)

  transaction คือ อะไรคะ แล้ว transaction ใช้ทำอะไร ถามเมื่อ (2011-06-24)   4,040 views  (ดูล่าสุดเมื่อ 20 นาที)

  ขอตัวอย่าง Regular Expression Pattern ที่ใช้งานบ่อยๆ หน่อยครับ ถามเมื่อ (2015-09-29)   3,105 views  (ดูล่าสุดเมื่อ 26 นาที)

  Table style CSS HTML ขอตัวอย่าง CSS ของ table หน่อยครับ ถามเมื่อ (2011-08-02)   2,654 views  (ดูล่าสุดเมื่อ 28 นาที)

  ตัวอย่าง jquery การ click link พร้อม ส่ง Parameter ถามเมื่อ (2013-03-27)   2,771 views  (ดูล่าสุดเมื่อ 29 นาที)

  แนะนำการฟ java script เจ๋ง Chart JS ถามเมื่อ (2015-08-21)   2,076 views  (ดูล่าสุดเมื่อ 38 นาที)

  ICONตรงDesktopเป็นสีฟ้าทำอย่างไงถึงจะหายค่ะ ถามเมื่อ (2011-08-03)   2,571 views  (ดูล่าสุดเมื่อ 51 นาที)

  Javascript เก็บค่าลง localStorage กับ SessionStorage ต่างกันอย่างไร ถามเมื่อ (2017-12-26)   2,061 views  (ดูล่าสุดเมื่อ 55 นาที)

  PHP Codeigniter วิธี get Pimarykey แบบ auto increment หลังจากการ Save ล่าสุด ถามเมื่อ (2017-06-12)   1,246 views  (ดูล่าสุดเมื่อ 65 นาที)


 

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