ข้ามไปที่เนื้อหาหลัก ข้ามไปที่การนำทางเอกสาร
in English

สารบัญ

ค้นพบสิ่งที่รวมอยู่ใน 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 นอกเหนือจากนั้น ไฟล์อื่น ๆ ที่รวมอยู่ให้การสนับสนุนแพ็คเกจ ข้อมูลใบอนุญาต และการพัฒนา