พอดีว่าผมได้สร้าง form ค้นหามาแต่ว่าถ้านำ form ค้นหานี้ไปแสดงในมืถือมันก็จะออกมาไม่สวย
อยากทราบวิธีที่จะทำให้ form นี้แสดงเฉพาะจอคอมพิวเตอร์ และ form แสดงเฉพาะมือถือ ครับ
อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม
Moderator: mindphp, ผู้ดูแลกระดาน
- jamepiyawat
- PHP VIP Members
- โพสต์: 2008
- ลงทะเบียนเมื่อ: 21/05/2019 10:45 am
- tsukasaz
- PHP VIP Members
- โพสต์: 21992
- ลงทะเบียนเมื่อ: 18/04/2012 9:39 am
Re: อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม
ใช้ bootstrap เวอร์ชั่นไหนครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
- jamepiyawat
- PHP VIP Members
- โพสต์: 2008
- ลงทะเบียนเมื่อ: 21/05/2019 10:45 am
Re: อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม
Bootstrap v3.3.7 ครับ
- tsukasaz
- PHP VIP Members
- โพสต์: 21992
- ลงทะเบียนเมื่อ: 18/04/2012 9:39 am
Re: อยากทราบวิธีที่จะทำให้ form ของเราแสดงเฉพาะหน้าจอคอม
ตัว bootstrap ได้เตรียม class เพื่อรองรับการแสดงหรือซ่อน element อยู่แล้ว ดูได้จาก LINK ด้านล่าง
https://getbootstrap.com/docs/3.3/css/# ... -utilities
ยกตัวอย่าง คร่าวๆ ให้นะครับ เราสามารถกำหนด ให้แสดง หรือ ซ่อน ส่วนต่างๆ ได้ ตามอุปกรณ์ที่คนใช้เปิดเว็บ
เช่น มือถือ แท็บเล็ต หรือ คอมพิวเตอร์ สังเกตจากหัวตารางนะ
ถ้าเราต้องการให้แสดงเฉพาะ บนมือถือ เราก็ใส่ class ชื่อ visible-xs-block ดูตามหมายเลข 1 ในตาราง มันจะแสดงเฉพาะมือถือที่เหลือจะซ่อนไว้
หรือ ถ้าเราต้องการให้ซ่อนเฉพาะ บนมือถือ เราก็ใส่ class ชื่อ hidden-xs ดูตามหมายเลข 2 ในตาราง
https://getbootstrap.com/docs/3.3/css/# ... -utilities
ยกตัวอย่าง คร่าวๆ ให้นะครับ เราสามารถกำหนด ให้แสดง หรือ ซ่อน ส่วนต่างๆ ได้ ตามอุปกรณ์ที่คนใช้เปิดเว็บ
เช่น มือถือ แท็บเล็ต หรือ คอมพิวเตอร์ สังเกตจากหัวตารางนะ
ถ้าเราต้องการให้แสดงเฉพาะ บนมือถือ เราก็ใส่ class ชื่อ visible-xs-block ดูตามหมายเลข 1 ในตาราง มันจะแสดงเฉพาะมือถือที่เหลือจะซ่อนไว้
หรือ ถ้าเราต้องการให้ซ่อนเฉพาะ บนมือถือ เราก็ใส่ class ชื่อ hidden-xs ดูตามหมายเลข 2 ในตาราง
- แนบไฟล์
-
- 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
- โพสต์: 2008
- ลงทะเบียนเมื่อ: 21/05/2019 10:45 am
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
-
โพสต์ใหม่ จะทำให้ มีสินค้าแนะนำขึ้นมาสไลด์โชว์ที่หน้าเว็บหลักใน mooziicart ได้อย่างไร
โดย susmitan » 18/01/2022 4:03 pm » ใน Programming - PHP - 0 ตอบกลับ
- 1032 แสดง
-
โพสต์ล่าสุด โดย susmitan
18/01/2022 4:03 pm
-
-
-
โพสต์ใหม่ สอบถาม:จะทำให้ ข้อความที่ใช้ bbCode นี้ไม่แสดงเขียนเป็นฟังก์ชั่นเเต่ทำงานไม่ได้
โดย thatsawan » 06/12/2014 1:02 pm » ใน Programming - PHP - 0 ตอบกลับ
- 770 แสดง
-
โพสต์ล่าสุด โดย thatsawan
06/12/2014 1:02 pm
-
-
-
โพสต์ใหม่ Joomla จะทำให้ DisplayNews responsive ยังไงครับ
โดย toonytoony2004 » 13/09/2015 10:20 am » ใน สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM - 0 ตอบกลับ
- 972 แสดง
-
โพสต์ล่าสุด โดย toonytoony2004
13/09/2015 10:20 am
-
-
-
โพสต์ใหม่ จะทำให้ flask รับค่าจาก fastapi ได้ยังไง
โดย annie2301 » 14/01/2022 1:57 pm » ใน Programming - C/C++ & java & Python - 9 ตอบกลับ
- 2806 แสดง
-
โพสต์ล่าสุด โดย บุคคลทั่วไป
15/02/2023 7:16 am
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 110