Source

Ibirimo

Menya ibiri muri Bootstrap, harimo na flavours ya code na flavours. Wibuke, plugin ya JavaScript ya Bootstrap isaba jQuery.

Bootstrap

Umaze gukuramo, fungura ububiko bwafunzwe hanyuma uzabona ikintu nkiki:

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── 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
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.min.js
    ├── bootstrap.js
    └── bootstrap.min.js

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 ya CSS ( bootstrap.*.map) irahari kugirango ikoreshwe hamwe nibikoresho bimwe byabateza imbere. Amadosiye ya JS ahujwe ( bootstrap.bundle.jskandi yagabanijwe bootstrap.bundle.min.js) arimo Popper , ariko ntabwo ari jQuery .

Idosiye ya CSS

Bootstrap ikubiyemo urutonde rwamahitamo yo gushiramo bimwe cyangwa byose twakusanyije CSS.

Idosiye ya CSS Imiterere Ibirimo Ibigize Ibikorwa
bootstrap.css
bootstrap.min.css
Harimo Harimo Harimo Harimo
bootstrap-grid.css
bootstrap-grid.min.css
Sisitemu ya gride gusa Ntabwo arimo Ntabwo arimo Gusa ibikorwa byingirakamaro
bootstrap-reboot.css
bootstrap-reboot.min.css
Ntabwo arimo Reboot gusa Ntabwo arimo Ntabwo arimo

Idosiye ya JS

Natwe, dufite amahitamo yo gushiramo bimwe cyangwa byose twakusanyije JavaScript.

Idosiye ya JS Popper Ikibazo
bootstrap.bundle.js
bootstrap.bundle.min.js
Harimo Ntabwo arimo
bootstrap.js
bootstrap.min.js
Ntabwo arimo Ntabwo arimo

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/
├── docs/
│   └── 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 docs/burimo inkomoko yinkomoko yinyandiko zacu, hamwe examples/na Bootstrap ikoreshwa. Hejuru yibyo, izindi dosiye zose zirimo gutanga inkunga kubipaki, amakuru yimpushya, niterambere.