สารบัญ
ค้นพบสิ่งที่รวมอยู่ใน Bootstrap รวมถึงรสชาติที่คอมไพล์ล่วงหน้าและซอร์สโค้ดของเรา
Bootstrap คอมไพล์ล่วงหน้า
เมื่อดาวน์โหลดแล้ว ให้เปิดเครื่องรูดโฟลเดอร์ที่บีบอัดแล้วคุณจะเห็นสิ่งนี้:
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-grid.rtl.css
│ ├── bootstrap-grid.rtl.css.map
│ ├── bootstrap-grid.rtl.min.css
│ ├── bootstrap-grid.rtl.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap-reboot.rtl.css
│ ├── bootstrap-reboot.rtl.css.map
│ ├── bootstrap-reboot.rtl.min.css
│ ├── bootstrap-reboot.rtl.min.css.map
│ ├── bootstrap-utilities.css
│ ├── bootstrap-utilities.css.map
│ ├── bootstrap-utilities.min.css
│ ├── bootstrap-utilities.min.css.map
│ ├── bootstrap-utilities.rtl.css
│ ├── bootstrap-utilities.rtl.css.map
│ ├── bootstrap-utilities.rtl.min.css
│ ├── bootstrap-utilities.rtl.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap.rtl.css
│ ├── bootstrap.rtl.css.map
│ ├── bootstrap.rtl.min.css
│ └── bootstrap.rtl.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.esm.js
├── bootstrap.esm.js.map
├── bootstrap.esm.min.js
├── bootstrap.esm.min.js.map
├── bootstrap.js
├── bootstrap.js.map
├── bootstrap.min.js
└── bootstrap.min.js.map
นี่เป็นรูปแบบพื้นฐานที่สุดของ Bootstrap: ไฟล์ที่คอมไพล์ล่วงหน้าสำหรับการใช้งานดรอปอินอย่างรวดเร็วในเกือบทุกโครงการเว็บ เราจัดเตรียม CSS และ JS ที่คอมไพล์แล้ว ( bootstrap.*
) รวมถึง CSS และ JS ที่คอมไพล์แล้วและย่อ ( bootstrap.min.*
) แผนที่ต้นทาง ( bootstrap.*.map
) มีให้ใช้กับเครื่องมือสำหรับนักพัฒนาของเบราว์เซอร์บางตัว ไฟล์ JS แบบรวม ( bootstrap.bundle.js
และย่อ เล็ก สุดbootstrap.bundle.min.js
) รวมถึงPopper
ไฟล์ CSS
Bootstrap มีตัวเลือกมากมายสำหรับการรวม CSS ที่คอมไพล์บางส่วนหรือทั้งหมดของเรา
ไฟล์ CSS | เค้าโครง | เนื้อหา | ส่วนประกอบ | สาธารณูปโภค |
---|---|---|---|---|
bootstrap.css
bootstrap.rtl.css
bootstrap.min.css
bootstrap.rtl.min.css
|
รวมอยู่ด้วย | รวมอยู่ด้วย | รวมอยู่ด้วย | รวมอยู่ด้วย |
bootstrap-grid.css
bootstrap-grid.rtl.css
bootstrap-grid.min.css
bootstrap-grid.rtl.min.css
|
เฉพาะระบบกริด | — | — | ยูทิลิตี้แบบยืดหยุ่นเท่านั้น |
bootstrap-utilities.css
bootstrap-utilities.rtl.css
bootstrap-utilities.min.css
bootstrap-utilities.rtl.min.css
|
— | — | — | รวมอยู่ด้วย |
bootstrap-reboot.css
bootstrap-reboot.rtl.css
bootstrap-reboot.min.css
bootstrap-reboot.rtl.min.css
|
— | รีบูตเท่านั้น | — | — |
JS ไฟล์
ในทำนองเดียวกัน เรามีตัวเลือกในการรวม JavaScript ที่คอมไพล์บางส่วนหรือทั้งหมดของเรา
JS ไฟล์ | Popper |
---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
รวมอยู่ด้วย |
bootstrap.js
bootstrap.min.js
|
— |
ซอร์สโค้ด Bootstrap
การดาวน์โหลดซอร์สโค้ด Bootstrap ประกอบด้วยแอสเซท CSS และ JavaScript ที่คอมไพล์ล่วงหน้า พร้อมกับซอร์ส Sass, JavaScript และเอกสารประกอบ โดยเฉพาะอย่างยิ่ง ประกอบด้วยสิ่งต่อไปนี้และอื่น ๆ :
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.1/
│ └── examples/
├── js/
└── scss/
และคือซอร์สโค้ดสำหรับ CSS และ JavaScript ของscss/
เรา โฟลเดอร์นี้มีทุกอย่างที่ระบุไว้ในส่วนการดาวน์โหลดที่คอมไพล์ล่วงหน้าด้านjs/
บน dist/
โฟลเดอร์ นี้site/docs/
มีซอร์สโค้ดสำหรับเอกสารประกอบของเรา และexamples/
การใช้งาน Bootstrap นอกเหนือจากนั้น ไฟล์อื่น ๆ ที่รวมอยู่ให้การสนับสนุนแพ็คเกจ ข้อมูลใบอนุญาต และการพัฒนา