Агуулга
Манай урьдчилан эмхэтгэсэн болон эх кодын амтыг багтаасан 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
) Попперыг агуулдаг .
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 файлууд | Поппер |
---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
Оруулсан |
bootstrap.js
bootstrap.min.js
|
- |
Bootstrap эх код
Bootstrap эх кодын татан авалт нь Sass, JavaScript, баримт бичгийн эх сурвалжийн хамт урьдчилан бэлтгэсэн CSS болон JavaScript хөрөнгийг агуулдаг. Тодруулбал, үүнд дараах болон бусад зүйлс орно.
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.0/
│ └── examples/
├── js/
└── scss/
scss/
and js/
нь манай CSS болон JavaScript-н эх код юм . Уг dist/
хавтас нь дээрх урьдчилан эмхэтгэсэн татаж авах хэсэгт жагсаасан бүх зүйлийг агуулдаг. Энэ site/docs/
хавтас нь манай баримт бичгийн эх код болон examples/
Bootstrap-ийн хэрэглээний кодыг агуулдаг. Үүнээс гадна бусад хавсаргасан файлууд нь багц, лицензийн мэдээлэл, хөгжүүлэлтийг дэмждэг.