Ibirimo
Menya ibiri muri Bootstrap, harimo na flavours ya code na flavours.
Bootstrap
Umaze gukuramo, fungura ububiko bwafunzwe hanyuma uzabona ikintu nkiki:
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
Ubu ni bwo buryo bwibanze bwa Bootstrap: dosiye zabanjirijwe zo kwihuta gukoreshwa mumushinga wose wurubuga. Dutanga CSS hamwe na JS ( bootstrap.*
), hamwe na CSS hamwe na JS ( bootstrap.min.*
). Ikarita yinkomoko ( bootstrap.*.map
) irahari kugirango ikoreshwe hamwe nabashakisha ibikoresho byabateza imbere. Amadosiye ya JS ahujwe ( bootstrap.bundle.js
kandi yagabanijwe bootstrap.bundle.min.js
) arimo Popper .
Idosiye ya CSS
Bootstrap ikubiyemo urutonde rwamahitamo yo gushiramo bimwe cyangwa byose twakusanyije CSS.
Idosiye ya CSS | Imiterere | Ibirimo | Ibigize | Ibikorwa |
---|---|---|---|---|
bootstrap.css
bootstrap.rtl.css
bootstrap.min.css
bootstrap.rtl.min.css
|
Harimo | Harimo | Harimo | Harimo |
bootstrap-grid.css
bootstrap-grid.rtl.css
bootstrap-grid.min.css
bootstrap-grid.rtl.min.css
|
Sisitemu ya gride gusa | - | - | Gusa ibikorwa byingirakamaro |
bootstrap-utilities.css
bootstrap-utilities.rtl.css
bootstrap-utilities.min.css
bootstrap-utilities.rtl.min.css
|
- | - | - | Harimo |
bootstrap-reboot.css
bootstrap-reboot.rtl.css
bootstrap-reboot.min.css
bootstrap-reboot.rtl.min.css
|
- | Reboot gusa | - | - |
Idosiye ya JS
Natwe, dufite amahitamo yo gushiramo bimwe cyangwa byose twakusanyije JavaScript.
Idosiye ya JS | Popper |
---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
Harimo |
bootstrap.js
bootstrap.min.js
|
- |
Kode ya Bootstrap
Gukuramo kode ya Bootstrap ikubiyemo imitungo yabanjirije CSS na JavaScript, hamwe nisoko Sass, JavaScript, hamwe ninyandiko. By'umwihariko, ikubiyemo ibi bikurikira n'ibindi:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.0/
│ └── examples/
├── js/
└── scss/
Uwiteka scss/
kandi js/
ni isoko yinkomoko ya CSS na JavaScript. Ububiko dist/
burimo ibintu byose byashyizwe kumurongo wo gukuramo hejuru. Ububiko site/docs/
burimo inkomoko yinkomoko yinyandiko zacu, hamwe examples/
na Bootstrap ikoreshwa. Hejuru yibyo, izindi dosiye zose zirimo gutanga inkunga kubipaki, amakuru yimpushya, niterambere.