Nuxurka
Soo hel waxa ku jira Bootstrap, oo ay ku jiraan dhadhanka koodhka ee hore loo soo ururiyey.
Bootstrap-ka la sii diyaariyay
Marka la soo dejiyo, ka fur galka la cufay oo waxaad arki doontaa wax sidan oo kale ah:
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
Kani waa qaabka ugu aasaasiga ah ee Bootstrap: faylalka horay loo soo diyaariyay ee isticmaalka degdega ah ee ku dhawaad mashruuc kasta oo shabakad ah. Waxaan bixinaa CSS iyo JS ( bootstrap.*
), iyo sidoo kale CSS la soo ururiyey oo la yareeyey iyo JS ( bootstrap.min.*
). Khariidadaha isha ( bootstrap.*.map
) ayaa diyaar u ah in lagu isticmaalo aaladaha horumariyaha daalacashada qaarkood. Faylasha JS ee la xidhxidhay ( bootstrap.bundle.js
iyo la yareeyey bootstrap.bundle.min.js
) waxaa ku jira Popper .
Faylasha CSS
Bootstrap waxa ku jira dhawr doorasho oo lagu daro qaar ama dhammaan CSS-tayada la ururiyey.
Faylasha CSS | Qaabka | Nuxurka | Qaybaha | Utility |
---|---|---|---|---|
bootstrap.css
bootstrap.rtl.css
bootstrap.min.css
bootstrap.rtl.min.css
|
Waxaa ka mid ah | Waxaa ka mid ah | Waxaa ka mid ah | Waxaa ka mid ah |
bootstrap-grid.css
bootstrap-grid.rtl.css
bootstrap-grid.min.css
bootstrap-grid.rtl.min.css
|
Kaliya nidaamka grid | - | - | Kaliya dabacsanaan utility |
bootstrap-utilities.css
bootstrap-utilities.rtl.css
bootstrap-utilities.min.css
bootstrap-utilities.rtl.min.css
|
- | - | - | Waxaa ka mid ah |
bootstrap-reboot.css
bootstrap-reboot.rtl.css
bootstrap-reboot.min.css
bootstrap-reboot.rtl.min.css
|
- | Kaliya dib u kab | - | - |
faylasha JS
Sidoo kale, waxaan haysanaa doorashooyin aan ku dari karno qaar ama dhammaan JavaScript-ga la soo ururiyey.
faylasha JS | Popper |
---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
Waxaa ka mid ah |
bootstrap.js
bootstrap.min.js
|
- |
Koodhka isha bootstrap
Soo dejinta koodhka isha Bootstrap waxaa ku jira CSS-da la sii diyaariyay iyo hantida JavaScript, oo ay la socoto isha Sass, JavaScript, iyo dukumeenti Si gaar ah, waxa ka mid ah kuwan soo socda iyo in ka badan:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.0/
│ └── examples/
├── js/
└── scss/
Waa scss/
oo js/
ah koodhka isha ee CSS iyo JavaScript. Galka dist/
waxa ku jira wax kasta oo ku taxan qaybta hore loo soo dejiyey ee sare. Galka site/docs/
waxaa ku jira summada isha ee dukumeentigeena, iyo examples/
isticmaalka Bootstrap. Intaa ka sokow, fayl kasta oo lagu soo daray wuxuu bixiyaa taageerada xirmooyinka, macluumaadka shatiga, iyo horumarinta.