การใช้งาน class "container" ในBootstrap

ตอบกระทู้


คำถามนี้ เพื่อป้องกันการส่งแบบอัตโนมัติจากสแปมบอท
รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[flash] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: การใช้งาน class "container" ในBootstrap

การใช้งาน class "container" ในBootstrap

โพสต์ โดย Parichat » 09/01/2018 2:27 pm

Bootstrap ต้องมีองค์ประกอนในการแบ่งเนื้อหาในเว็บไซต์ของเราโดยการนำ container มาใช้ โดย container มี 2 รูปแบบให้เราใช้ ดังนี้
1.container หน้าเว็บทางด้านซ้ายและด้านขวาของหน้าจะจะห่างออกจากจอ 16px จะทำให้หน้าเว็บอยู่กึ่งกลางหน้าจอ
รูปแบบการเขียนโค้ด

โค้ด: เลือกทั้งหมด

<div class="container">
 ...//เนื้อหาที่ต้องการใส่...
</div>

ตัวอย่างหน้าเว็บ
tg.jpg
tg.jpg (38.53 KiB) เปิดดู 796 ครั้ง


2..container-fluid หน้าเว็บจะเต็มทั้งหน้าจอ
รูปแบบการเขียนโค้ด

โค้ด: เลือกทั้งหมด

<div class="container-fluid">
 ...//เนื้อหาที่ต้องการใส่...
</div>

ตัวอย่างหน้าเว็บที่ใช้ container-fluid
หก.jpg
หก.jpg (40.15 KiB) เปิดดู 796 ครั้ง


อ้างอิง: https://getbootstrap.com/docs/3.3/css/#overview-container

ข้างบน