Imixholo
Fumanisa ukuba yintoni ebandakanyiweyo kwiBootstrap, kuquka neencasa zethu ezidityanisiweyo kunye nekhowudi yomthombo. Khumbula, iiplagi zeJavaScript zeBootstrap zifuna ijQuery.
I-Bootstrap egqitywe kwangaphambili
Nje ukuba ukhutshelwe, vula ifolda ecinezelweyo kwaye uya kubona into enje:
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
Le yeyona ndlela isisiseko yeBootstrap: iifayile eziqulunqwe kwangaphambili zosetyenziso olukhawulezayo lokuthoba phantse kuyo nayiphi na iprojekthi yewebhu. Sinikezela nge-CSS kunye ne-JS ( bootstrap.*
) ehlanganisiweyo, kunye ne-CSS ehlanganisiweyo kunye ne-JS ( bootstrap.min.*
). Umthombo weemephu ( bootstrap.*.map
) ziyafumaneka ukuze zisetyenziswe nezikhangeli ezithile izixhobo zomphuhlisi. Iifayile ze JS ezidityanisiweyo ( bootstrap.bundle.js
kwaye zincitshisiwe bootstrap.bundle.min.js
) ziquka iPopper , kodwa hayi i jQuery .
Iifayile zeCSS
I-Bootstrap ibandakanya iinketho ezimbalwa zokubandakanya ezinye okanye zonke ii-CSS zethu ezihlanganisiweyo.
Iifayile zeCSS | Uyilo | Umxholo | Amacandelo | Izinto eziluncedo |
---|---|---|---|---|
bootstrap.css
bootstrap.min.css
|
Ibandakanyiwe | Ibandakanyiwe | Ibandakanyiwe | Ibandakanyiwe |
bootstrap-grid.css
bootstrap-grid.min.css
|
Inkqubo yegridi kuphela | Ayiqukwanga | Ayiqukwanga | Kuphela flex eziluncedo |
bootstrap-reboot.css
bootstrap-reboot.min.css
|
Ayiqukwanga | Kuphela Qalisa kwakhona | Ayiqukwanga | Ayiqukwanga |
Iifayile zeJS
Ngokufanayo, sinokhetho lokubandakanya enye okanye yonke iJavaScript yethu eqokelelweyo.
Iifayile zeJS | Popper | jQuery |
---|---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
Ibandakanyiwe | Ayiqukwanga |
bootstrap.js
bootstrap.min.js
|
Ayiqukwanga | Ayiqukwanga |
Ikhowudi yomthombo weBootstrap
Ukhuphelo lwekhowudi yomthombo weBootstrap lubandakanya i-CSS esele ihlanganiswe kunye ne-JavaScript asethi, kunye nomthombo weSass, iJavaScript, kunye namaxwebhu. Ngokukodwa ngakumbi, kubandakanya oku kulandelayo kunye nokunye:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └── content/
| └── docs/
| └── 4.6/
| └── examples/
├── js/
└── scss/
I scss/
kunye js/
nekhowudi yemvelaphi yeCSS yethu kunye neJavaScript. Isiqulathi dist/
seefayili sibandakanya yonke into edwelisiweyo kwicandelo lokhuphelo oluqokelelweyo ngasentla. Ifolda site/docs/
ibandakanya ikhowudi yemvelaphi yamaxwebhu ethu, kunye examples/
nokusetyenziswa kweBootstrap. Ngaphaya koko, nayiphi na enye ifayile efakiweyo ibonelela ngenkxaso yeepakethe, ulwazi lwelayisenisi, kunye nophuhliso.