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

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

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

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

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

โพสต์โดย jamepiyawat » 26/08/2019 4:10 pm

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

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

Selection_999(577).png
Selection_999(577).png (51.69 KiB) เปิดดู 99 ครั้ง

ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 10146
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

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

โพสต์โดย tsukasaz » 26/08/2019 4:11 pm

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


ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 10146
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

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

โพสต์โดย 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 ในตาราง
แนบไฟล์
responsive-utilities.png
responsive-utilities.png (134.58 KiB) เปิดดู 90 ครั้ง
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

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

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

โพสต์โดย jamepiyawat » 26/08/2019 4:30 pm

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

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


  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

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

กำลังดูบอร์ดนี้: 1 และ บุคคลทั่วไป 0 ท่าน