สารบัญ

ค้นพบสิ่งที่รวมอยู่ใน 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.min.css` `bootstrap.rtl.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.2/
│              └── examples/
├── js/
└── scss/

และคือซอร์สโค้ดสำหรับ CSS และ JavaScript ของscss/เรา โฟลเดอร์นี้รวมทุกอย่างที่ระบุไว้ในส่วนการดาวน์โหลดที่คอมไพล์ไว้ด้านjs/บน dist/โฟลเดอร์ นี้site/content/docs/มีซอร์สโค้ดสำหรับเอกสารที่โฮสต์ของเรา รวมถึงตัวอย่างการใช้งาน Bootstrap แบบสดของเรา

นอกเหนือจากนั้น ไฟล์อื่น ๆ ที่รวมอยู่ให้การสนับสนุนแพ็คเกจ ข้อมูลใบอนุญาต และการพัฒนา