สารบัญ
ค้นพบสิ่งที่รวมอยู่ใน Bootstrap รวมถึงรสชาติที่คอมไพล์ล่วงหน้าและซอร์สโค้ดของเรา จำไว้ว่าปลั๊กอิน JavaScript ของ Bootstrap ต้องการ jQuery
Bootstrap คอมไพล์ล่วงหน้า
เมื่อดาวน์โหลดแล้ว ให้เปิดเครื่องรูดโฟลเดอร์ที่บีบอัดแล้วคุณจะเห็นสิ่งนี้:
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ └── bootstrap.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.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แต่ไม่ใช่jQuery
ไฟล์ CSS
Bootstrap มีตัวเลือกมากมายสำหรับการรวม CSS ที่คอมไพล์บางส่วนหรือทั้งหมดของเรา
ไฟล์ CSS | เค้าโครง | เนื้อหา | ส่วนประกอบ | สาธารณูปโภค |
---|---|---|---|---|
bootstrap.css
bootstrap.min.css
|
รวมอยู่ด้วย | รวมอยู่ด้วย | รวมอยู่ด้วย | รวมอยู่ด้วย |
bootstrap-grid.css
bootstrap-grid.min.css
|
เฉพาะระบบกริด | ไม่รวม | ไม่รวม | ยูทิลิตี้แบบยืดหยุ่นเท่านั้น |
bootstrap-reboot.css
bootstrap-reboot.min.css
|
ไม่รวม | รีบูตเท่านั้น | ไม่รวม | ไม่รวม |
JS ไฟล์
ในทำนองเดียวกัน เรามีตัวเลือกในการรวม JavaScript ที่คอมไพล์บางส่วนหรือทั้งหมดของเรา
JS ไฟล์ | Popper | jQuery |
---|---|---|
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/
| └── 4.6/
| └── examples/
├── js/
└── scss/
และคือซอร์สโค้ดสำหรับ CSS และ JavaScript ของscss/
เรา โฟลเดอร์นี้มีทุกอย่างที่ระบุไว้ในส่วนการดาวน์โหลดที่คอมไพล์ล่วงหน้าด้านjs/
บน dist/
โฟลเดอร์ นี้site/docs/
มีซอร์สโค้ดสำหรับเอกสารประกอบของเรา และexamples/
การใช้งาน Bootstrap นอกเหนือจากนั้น ไฟล์อื่น ๆ ที่รวมอยู่ให้การสนับสนุนแพ็คเกจ ข้อมูลใบอนุญาต และการพัฒนา