Booststap Knowledge ความรู้สำหรับการออกเว็บเพื่อให้แสดงผล ได้ดี ทุกหน้าจอ
Moderator: mindphp, ผู้ดูแลกระดาน
-
Parichat
- PHP VIP Members
- โพสต์: 4859
- ลงทะเบียนเมื่อ: 08/01/2018 10:03 am
โพสต์ที่ยังไม่ได้อ่าน
โดย Parichat »
Bootstrap ต้องมีองค์ประกอนในการแบ่งเนื้อหาในเว็บไซต์ของเราโดยการนำ container มาใช้ โดย container มี 2 รูปแบบให้เราใช้ ดังนี้
1.container หน้าเว็บทางด้านซ้ายและด้านขวาของหน้าจะจะห่างออกจากจอ 16px จะทำให้หน้าเว็บอยู่กึ่งกลางหน้าจอ
รูปแบบการเขียนโค้ด
โค้ด: เลือกทั้งหมด
<div class="container">
...//เนื้อหาที่ต้องการใส่...
</div>
ตัวอย่างหน้าเว็บ
- tg.jpg (38.53 KiB) Viewed 2392 times
2..container-fluid หน้าเว็บจะเต็มทั้งหน้าจอ
รูปแบบการเขียนโค้ด
โค้ด: เลือกทั้งหมด
<div class="container-fluid">
...//เนื้อหาที่ต้องการใส่...
</div>
ตัวอย่างหน้าเว็บที่ใช้ container-fluid
- หก.jpg (40.15 KiB) Viewed 2392 times
อ้างอิง:
https://getbootstrap.com/docs/3.3/css/# ... -container
Live Simply, Laugh Often, Love Deeply.....
-
-
- 0 ตอบกลับ
- 3501 แสดง
-
โพสต์ล่าสุด โดย Parichat
12/01/2018 10:10 am
-
-
- 2 ตอบกลับ
- 2245 แสดง
-
โพสต์ล่าสุด โดย jamepiyawat
05/09/2019 3:26 pm
-
-
- 0 ตอบกลับ
- 2312 แสดง
-
โพสต์ล่าสุด โดย Ittichai_chupol
21/11/2019 6:39 pm
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 78