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

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ ปัญหาการเขียนโปรแกรม แบบ OOP Session Cookies php network

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

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

อยากทราบวิธีที่จะทำให้ form นี้แสดงเฉพาะจอคอมพิวเตอร์ และ form แสดงเฉพาะมือถือ ครับ
Selection_999(577).png
Selection_999(577).png (51.69 KiB) Viewed 258 times
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21992
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

ใช้ bootstrap เวอร์ชั่นไหนครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21992
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

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

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

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

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

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

หรือ ถ้าเราต้องการให้ซ่อนเฉพาะ บนมือถือ เราก็ใส่ class ชื่อ hidden-xs ดูตามหมายเลข 2 ในตาราง
แนบไฟล์
responsive-utilities.png
responsive-utilities.png (134.58 KiB) Viewed 249 times
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

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

ตามบทความนี้เลยครับ viewtopic.php?f=76&t=59757
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 110