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

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



SOA,Java,XSLT

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




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

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

  codeigniter วิธีเก็บ Session ลง data base เพื่อให้เก็บข้อมูลได้มากขึ้น ถามเมื่อ (2015-08-28)   2,356 views  (ดูล่าสุดเมื่อ 0 วินาที!!)

  Attribute singleton must be declared for element type bean เจอ error ใน Spring framework ถามเมื่อ (2015-11-02)   2,456 views  (ดูล่าสุดเมื่อ 33 วินาที!!)

  แจก Code jQuery วิธีกำหนดค่า checked ให้กับ radio หรือ select box ถามเมื่อ (2019-06-01)   2,216 views  (ดูล่าสุดเมื่อ 48 วินาที!!)

  ต่อสายusb samsung gt c3222ไม่ได้ ถามเมื่อ (2014-06-26)   2,813 views  (ดูล่าสุดเมื่อ 2 นาที)

  PL SQL Where โดยใช้คำสั่ง LIKE ร่วมกับ ตัวแปรที่ส่งเข้ามา ถามเมื่อ (2017-03-03)   3,100 views  (ดูล่าสุดเมื่อ 2 นาที)

  Hbase Schema Design วีดีโอที่ดูแล้วได้ความรู้ ถามเมื่อ (2017-02-07)   3,008 views  (ดูล่าสุดเมื่อ 4 นาที)

  Jquery menu โดนบัง flash กับ tab บังครับมันไปซ้อนอยู่ด้านหลังทำไงดี ถามเมื่อ (2013-04-23)   3,331 views  (ดูล่าสุดเมื่อ 4 นาที)

  my sql date format คำสั่งในการ query เดือน วัน ปี ถามเมื่อ (2012-10-08)   3,299 views  (ดูล่าสุดเมื่อ 5 นาที)

  php Date format ขอตัวอย่างการจัดรูปแบบวันที่ด้วย PHP ครับ ถามเมื่อ (2012-10-08)   3,052 views  (ดูล่าสุดเมื่อ 5 นาที)

  Oracle SQL Command Query Record แรก ที่ซ้ำกันมาเพียง 1 Record ด้วย PARTITION ถามเมื่อ (2018-04-26)   2,456 views  (ดูล่าสุดเมื่อ 53 นาที)


 

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