ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptสอบถามเพิ่มเติม เกี่ยวกับ Bootstrap ทีครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: สอบถามเพิ่มเติม เกี่ยวกับ Bootstrap ทีครับ  (อ่าน 1064 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
dekjaidee
Newbie
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 83



ดูรายละเอียด
« เมื่อ: 30 สิงหาคม 2018, 22:45:38 »

พอดีกำหนดความกว้างของ Containner เป็น

<div class="container"  style="width:80%;">

ให้คว้างแค่ 80%

ต้องเขียนอย่างไรเพิ่มครับ เพื่อให้แสดงในมือถือ 100% ครับ

ขอบคุณครับ
 wanwan017 wanwan017
บันทึกการเข้า

HOW TO??
BOS
ก๊วนเสียว
*

พลังน้ำใจ: 33
ออฟไลน์ ออฟไลน์

กระทู้: 459



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 30 สิงหาคม 2018, 23:54:54 »

ถ้าต้องการกำหนดแค่บางจุด ก็สร้าง class ใหม่
<div class="w80pct container">
     .....
</div>


แล้วเขียน css media query ครับ
@media (min-width: 576px) {
  .w80pct {
    max-width: 80%;
  }
}


ถ้าต้องการกำหนดทั้งหมด ก็ อ้างอิง .container{..} ตรงๆเลยครับ
บันทึกการเข้า

yaplay
ก๊วนเสียว
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 294



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 31 สิงหาคม 2018, 00:33:51 »

ได้ความรู้ขอบคุณครับ Embarrassed
บันทึกการเข้า

dekjaidee
Newbie
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 83



ดูรายละเอียด
« ตอบ #3 เมื่อ: 31 สิงหาคม 2018, 00:52:04 »

ถ้าต้องการกำหนดแค่บางจุด ก็สร้าง class ใหม่
<div class="w80pct container">
     .....
</div>


แล้วเขียน css media query ครับ
@media (min-width: 576px) {
  .w80pct {
    max-width: 80%;
  }
}


ถ้าต้องการกำหนดทั้งหมด ก็ อ้างอิง .container{..} ตรงๆเลยครับ

พอเขียนประกอบให้หน่อยได้มั้ยครับ ใน Container
 wanwan017 wanwan017
บันทึกการเข้า

HOW TO??
BOS
ก๊วนเสียว
*

พลังน้ำใจ: 33
ออฟไลน์ ออฟไลน์

กระทู้: 459



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 31 สิงหาคม 2018, 04:55:06 »

ถ้าต้องการกำหนดแค่บางจุด ก็สร้าง class ใหม่
<div class="w80pct container">
     .....
</div>


แล้วเขียน css media query ครับ
@media (min-width: 576px) {
  .w80pct {
    max-width: 80%;
  }
}


ถ้าต้องการกำหนดทั้งหมด ก็ อ้างอิง .container{..} ตรงๆเลยครับ

พอเขียนประกอบให้หน่อยได้มั้ยครับ ใน Container
 wanwan017 wanwan017

หมายถึงในส่วนไหนครับ ถ้าหมายถึงใน .container{..}
@media (min-width: 576px) {
  .container {
    max-width: 80%;
  }
}


หมายถึงแบบนี้ใช่ไหมครับ
บันทึกการเข้า

Mrpoohling
ก๊วนเสียว
*

พลังน้ำใจ: 6
ออฟไลน์ ออฟไลน์

กระทู้: 250



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 31 สิงหาคม 2018, 05:32:21 »

เก็บความรู้  wanwan017 wanwan017
บันทึกการเข้า

MD.18
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 287
ออฟไลน์ ออฟไลน์

กระทู้: 3,010



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 31 สิงหาคม 2018, 10:30:40 »

แบบนี้ก็ได้

.container{width:80%;margin:0 auto;}
@media (max-width: 575.98px) {.container{width:100%}}
บันทึกการเข้า

ติดต่อทางเมล์ service.md18@gmail.com by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
pongkunkamol
ก๊วนเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 261



ดูรายละเอียด
« ตอบ #7 เมื่อ: 31 สิงหาคม 2018, 10:57:41 »

เก็บความรู้แปป  wanwan011
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์