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

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

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

User avatar
jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1494
Joined: 21/05/2019 10:45 am

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

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

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

อยากทราบวิธีที่จะทำให้ form นี้แสดงเฉพาะจอคอมพิวเตอร์ และ form แสดงเฉพาะมือถือ ครับ
Selection_999(577).png
Selection_999(577).png (51.69 KiB) Viewed 133 times

User avatar
tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 10582
Joined: 18/04/2012 9:39 am

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

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

ใช้ bootstrap เวอร์ชั่นไหนครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)


User avatar
tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 10582
Joined: 18/04/2012 9:39 am

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

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 ในตาราง
Attachments
responsive-utilities.png
responsive-utilities.png (134.58 KiB) Viewed 124 times
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

User avatar
jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1494
Joined: 21/05/2019 10:45 am

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

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

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

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

Post Reply

Return to “Programming - PHP”

Users browsing this forum: Bing [Bot] and 22 guests