Isine
Temokake apa sing kalebu ing Bootstrap, kalebu rasa kode sing wis dikompilasi lan kode sumber.
Bootstrap sing wis dikompilasi
Sawise diundhuh, unzip folder sing dikompres lan sampeyan bakal weruh kaya iki:
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
Iki minangka wangun Bootstrap sing paling dhasar: file sing wis dikompilasi kanggo panggunaan cepet ing meh kabeh proyek web. Kita nyedhiyakake kompilasi CSS lan JS ( bootstrap.*
), uga kompilasi lan minified CSS lan JS ( bootstrap.min.*
). peta sumber ( bootstrap.*.map
) kasedhiya kanggo nggunakake piranti pangembang browser tartamtu. File JS sing dibuntel ( bootstrap.bundle.js
lan minified bootstrap.bundle.min.js
) kalebu Popper .
file CSS
Bootstrap kalebu sawetara opsi kanggo nyakup sawetara utawa kabeh CSS sing dikompilasi.
file CSS | Tata letak | Isi | Komponen | Utilitas |
---|---|---|---|---|
bootstrap.css
bootstrap.rtl.css
bootstrap.min.css
bootstrap.rtl.min.css
|
Klebu | Klebu | Klebu | Klebu |
bootstrap-grid.css
bootstrap-grid.rtl.css
bootstrap-grid.min.css
bootstrap-grid.rtl.min.css
|
Mung sistem grid | — | — | Mung utilitas fleksibel |
bootstrap-utilities.css
bootstrap-utilities.rtl.css
bootstrap-utilities.min.css
bootstrap-utilities.rtl.min.css
|
— | — | — | Klebu |
bootstrap-reboot.css
bootstrap-reboot.rtl.css
bootstrap-reboot.min.css
bootstrap-reboot.rtl.min.css
|
— | Mung Reboot | — | — |
file JS
Kajaba iku, kita duwe opsi kanggo nyakup sawetara utawa kabeh JavaScript sing dikompilasi.
file JS | Popper |
---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
Klebu |
bootstrap.js
bootstrap.min.js
|
— |
Kode sumber Bootstrap
Download kode sumber Bootstrap kalebu aset CSS lan JavaScript sing wis dikompilasi, bebarengan karo sumber Sass, JavaScript, lan dokumentasi. Luwih khusus, kalebu ing ngisor iki lan liya-liyane:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.0/
│ └── examples/
├── js/
└── scss/
Lan minangka kode sumber kanggo CSS lan JavaScript kita scss/
. Folder kasebut kalebu kabeh sing kadhaptar ing bagean download sing wis dikompilasi ing ndhuwur js/
. dist/
Folder site/docs/
kasebut kalebu kode sumber kanggo dokumentasi kita, lan examples/
panggunaan Bootstrap. Kajaba iku, file liyane sing kalebu nyedhiyakake dhukungan kanggo paket, informasi lisensi, lan pangembangan.