อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม

jamepiyawat · Post by **jamepiyawat** » 26/08/2019 4:10 pm

พอดีว่าผมได้สร้าง form ค้นหามาแต่ว่าถ้านำ form ค้นหานี้ไปแสดงในมืถือมันก็จะออกมาไม่สวย

อยากทราบวิธีที่จะทำให้ form นี้แสดงเฉพาะจอคอมพิวเตอร์ และ form แสดงเฉพาะมือถือ ครับ

: Selection_999(577).png (51.69 KiB) Viewed 131 times

tsukasaz · Post by **tsukasaz** » 26/08/2019 4:11 pm

ใช้ bootstrap เวอร์ชั่นไหนครับ

jamepiyawat · Post by **jamepiyawat** » 26/08/2019 4:17 pm

Bootstrap v3.3.7 ครับ

tsukasaz · Post by **tsukasaz** » 26/08/2019 4:25 pm

ตัว bootstrap ได้เตรียม class เพื่อรองรับการแสดงหรือซ่อน element อยู่แล้ว ดูได้จาก LINK ด้านล่าง

https://getbootstrap.com/docs/3.3/css/# ... -utilities

ยกตัวอย่าง คร่าวๆ ให้นะครับ เราสามารถกำหนด ให้แสดง หรือ ซ่อน ส่วนต่างๆ ได้ ตามอุปกรณ์ที่คนใช้เปิดเว็บ

เช่น มือถือ แท็บเล็ต หรือ คอมพิวเตอร์ สังเกตจากหัวตารางนะ

ถ้าเราต้องการให้แสดงเฉพาะ บนมือถือ เราก็ใส่ class ชื่อ visible-xs-block ดูตามหมายเลข 1 ในตาราง มันจะแสดงเฉพาะมือถือที่เหลือจะซ่อนไว้

หรือ ถ้าเราต้องการให้ซ่อนเฉพาะ บนมือถือ เราก็ใส่ class ชื่อ hidden-xs ดูตามหมายเลข 2 ในตาราง

jamepiyawat · Post by **jamepiyawat** » 26/08/2019 4:30 pm

ทำได้แล้วครับ ขอบคุณครับ

ตามบทความนี้เลยครับ viewtopic.php?f=76&t=59757

อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม

อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม

Re: อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม

Re: อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม

Re: อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม

Re: อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม

Who is online