|
หัวข้อ: สอบถามเพิ่มเติม เกี่ยวกับ Bootstrap ทีครับ เริ่มหัวข้อโดย: dekjaidee ที่ 30 สิงหาคม 2018, 22:45:38 พอดีกำหนดความกว้างของ Containner เป็น
<div class="container" style="width:80%;"> ให้คว้างแค่ 80% ต้องเขียนอย่างไรเพิ่มครับ เพื่อให้แสดงในมือถือ 100% ครับ ขอบคุณครับ :wanwan017: :wanwan017: หัวข้อ: Re: สอบถามเพิ่มเติม เกี่ยวกับ Bootstrap ทีครับ เริ่มหัวข้อโดย: BOS ที่ 30 สิงหาคม 2018, 23:54:54 ถ้าต้องการกำหนดแค่บางจุด ก็สร้าง class ใหม่
<div class="w80pct container"> ..... </div> แล้วเขียน css media query ครับ @media (min-width: 576px) { .w80pct { max-width: 80%; } } ถ้าต้องการกำหนดทั้งหมด ก็ อ้างอิง .container{..} ตรงๆเลยครับ หัวข้อ: Re: สอบถามเพิ่มเติม เกี่ยวกับ Bootstrap ทีครับ เริ่มหัวข้อโดย: yaplay ที่ 31 สิงหาคม 2018, 00:33:51 ได้ความรู้ขอบคุณครับ :-[
หัวข้อ: Re: สอบถามเพิ่มเติม เกี่ยวกับ Bootstrap ทีครับ เริ่มหัวข้อโดย: dekjaidee ที่ 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: หัวข้อ: Re: สอบถามเพิ่มเติม เกี่ยวกับ Bootstrap ทีครับ เริ่มหัวข้อโดย: BOS ที่ 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%; } } หมายถึงแบบนี้ใช่ไหมครับ หัวข้อ: Re: สอบถามเพิ่มเติม เกี่ยวกับ Bootstrap ทีครับ เริ่มหัวข้อโดย: Mrpoohling ที่ 31 สิงหาคม 2018, 05:32:21 เก็บความรู้ :wanwan017: :wanwan017:
หัวข้อ: Re: สอบถามเพิ่มเติม เกี่ยวกับ Bootstrap ทีครับ เริ่มหัวข้อโดย: MD.18 ที่ 31 สิงหาคม 2018, 10:30:40 แบบนี้ก็ได้
.container{width:80%;margin:0 auto;} @media (max-width: 575.98px) {.container{width:100%}} หัวข้อ: Re: สอบถามเพิ่มเติม เกี่ยวกับ Bootstrap ทีครับ เริ่มหัวข้อโดย: pongkunkamol ที่ 31 สิงหาคม 2018, 10:57:41 เก็บความรู้แปป :wanwan011:
|