โดย Parichat » 09/01/2018 2:27 pm
Bootstrap ต้องมีองค์ประกอนในการแบ่งเนื้อหาในเว็บไซต์ของเราโดยการนำ container มาใช้ โดย container มี 2 รูปแบบให้เราใช้ ดังนี้
1.container หน้าเว็บทางด้านซ้ายและด้านขวาของหน้าจะจะห่างออกจากจอ 16px จะทำให้หน้าเว็บอยู่กึ่งกลางหน้าจอ
รูปแบบการเขียนโค้ด
โค้ด: เลือกทั้งหมด
<div class="container">
...//เนื้อหาที่ต้องการใส่...
</div>
ตัวอย่างหน้าเว็บ
- tg.jpg (38.53 KiB) Viewed 2407 times
2..container-fluid หน้าเว็บจะเต็มทั้งหน้าจอ
รูปแบบการเขียนโค้ด
โค้ด: เลือกทั้งหมด
<div class="container-fluid">
...//เนื้อหาที่ต้องการใส่...
</div>
ตัวอย่างหน้าเว็บที่ใช้ container-fluid
- หก.jpg (40.15 KiB) Viewed 2407 times
อ้างอิง:
https://getbootstrap.com/docs/3.3/css/# ... -container
[b][color=#FF0080][size=150][url=https://www.mindphp.com/forums/index.php]Bootstrap[/url][/size][/color][/b] ต้องมีองค์ประกอนในการแบ่งเนื้อหาในเว็บไซต์ของเราโดยการนำ container มาใช้ โดย container มี 2 รูปแบบให้เราใช้ ดังนี้
[b]1.container[/b] หน้าเว็บทางด้านซ้ายและด้านขวาของหน้าจะจะห่างออกจากจอ 16px จะทำให้หน้าเว็บอยู่กึ่งกลางหน้าจอ
รูปแบบการเขียนโค้ด
[code]<div class="container">
...//เนื้อหาที่ต้องการใส่...
</div>[/code]
[b]ตัวอย่างหน้าเว็บ[/b]
[attachment=1]tg.jpg[/attachment]
[b]2..container-fluid[/b] หน้าเว็บจะเต็มทั้งหน้าจอ
[b]รูปแบบการเขียนโค้ด[/b]
[code]<div class="container-fluid">
...//เนื้อหาที่ต้องการใส่...
</div>[/code]
[b]ตัวอย่างหน้าเว็บที่ใช้ container-fluid[/b]
[attachment=0]หก.jpg[/attachment]
อ้างอิง: [url]https://getbootstrap.com/docs/3.3/css/#overview-container[/url]