ọdịnaya
Chọpụta ihe etinyere na Bootstrap, gụnyere ụtọ koodu anyị achịkọtara na isi mmalite.
Bootstrap achịkọtara
Ozugbo ebudatara, mepee folda ahụ abịakọrọ, ị ga-ahụ ihe dị ka nke a:
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
Nke a bụ ụdị Bootstrap kachasị ewu ewu: faịlụ achịkọtara maka ojiji ntinye ngwa ngwa n'ihe fọrọ nke nta ka ọ bụrụ ọrụ weebụ ọ bụla. Anyị na-enye CSS na JS ( bootstrap.*
), yana CSS na JS ( bootstrap.min.*
) chịkọtara na obere . Maapụ isi mmalite ( bootstrap.*.map
) dị maka iji ya na ụfọdụ ngwaọrụ nrụpụta ihe nchọgharị. Faịlụ JS ekpokọtara ( bootstrap.bundle.js
na nke pere mpe bootstrap.bundle.min.js
) gụnyere Popper .
CSS faịlụ
Bootstrap gụnyere nhọrọ ole na ole maka ịgụnye ụfọdụ ma ọ bụ CSS anyị achịkọtara.
CSS faịlụ | Nhazi | Ọdịnaya | Ngwa | Ngwa ọrụ |
---|---|---|---|---|
bootstrap.css bootstrap.min.css bootstrap.rtl.css bootstrap.rtl.min.css |
gụnyere | gụnyere | gụnyere | gụnyere |
bootstrap-grid.css bootstrap-grid.rtl.css bootstrap-grid.min.css bootstrap-grid.rtl.min.css |
Sistemụ grid naanị | - | - | Naanị flex utilities |
bootstrap-utilities.css bootstrap-utilities.rtl.css bootstrap-utilities.min.css bootstrap-utilities.rtl.min.css |
- | - | - | gụnyere |
bootstrap-reboot.css bootstrap-reboot.rtl.css bootstrap-reboot.min.css bootstrap-reboot.rtl.min.css |
- | Naanị malitegharịa | - | - |
JS faịlụ
N'otu aka ahụ, anyị nwere nhọrọ maka ịgụnye ụfọdụ ma ọ bụ niile Javascript anyị achịkọtara.
JS faịlụ | Popper |
---|---|
bootstrap.bundle.js bootstrap.bundle.min.js |
gụnyere |
bootstrap.js bootstrap.min.js |
- |
Koodu isi mmalite bootstrap
Nbudata koodu isi mmalite Bootstrap gụnyere akụ CSS na Javascript agbakọtara, yana isi iyi Sass, JavaScript, na akwụkwọ. Kpọmkwem, ọ gụnyere ihe ndị a yana ndị ọzọ:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.2/
│ └── examples/
├── js/
└── scss/
Ndị scss/
na js/
bụ koodu isi mmalite maka CSS na Javascript anyị. Mpempe dist/
akwụkwọ ahụ gụnyere ihe niile edepụtara na ngalaba nbudata achịkọtara n'elu. Mpempe site/content/docs/
akwụkwọ ahụ gụnyere koodu isi mmalite maka akwụkwọ anyị kwadoro, gụnyere ihe atụ ndụ anyị nke ojiji Bootstrap.
E wezụga nke ahụ, faịlụ ọ bụla agụnyere na-enye nkwado maka ngwugwu, ozi ikike, na mmepe.