Cov ntsiab lus
Tshawb nrhiav pom dab tsi suav nrog hauv Bootstrap, suav nrog peb cov ntawv sau ua ke thiab qhov chaws tsw qab.
Muab tso ua ke Bootstrap
Thaum downloaded, unzip lub compressed nplaub tshev thiab koj yuav pom tej yam zoo li no:
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
Nov yog daim ntawv yooj yim tshaj plaws ntawm Bootstrap: muab tso ua ke cov ntaub ntawv rau kev siv ceev ceev hauv yuav luag txhua qhov web project. Peb muab tso ua ke CSS thiab JS ( bootstrap.*
), nrog rau muab tso ua ke thiab minified CSS thiab JS ( bootstrap.min.*
). Cov ntawv qhia chaw ( bootstrap.*.map
) muaj rau siv nrog qee qhov browsers 'cov cuab yeej tsim tawm. Bundled JS cov ntaub ntawv ( bootstrap.bundle.js
thiab minified bootstrap.bundle.min.js
) suav nrog Popper .
CSS cov ntaub ntawv
Bootstrap suav nrog qee qhov kev xaiv rau suav nrog qee lossis tag nrho peb cov CSS suav nrog.
CSS cov ntaub ntawv | Layout | Cov ntsiab lus | Cheebtsam | Cov khoom siv |
---|---|---|---|---|
bootstrap.css bootstrap.min.css bootstrap.rtl.css bootstrap.rtl.min.css |
suav nrog | suav nrog | suav nrog | suav nrog |
bootstrap-grid.css bootstrap-grid.rtl.css bootstrap-grid.min.css bootstrap-grid.rtl.min.css |
Tsuas yog kab sib chaws | — | — | Tsuas yog cov khoom siv flex |
bootstrap-utilities.css bootstrap-utilities.rtl.css bootstrap-utilities.min.css bootstrap-utilities.rtl.min.css |
— | — | — | suav nrog |
bootstrap-reboot.css bootstrap-reboot.rtl.css bootstrap-reboot.min.css bootstrap-reboot.rtl.min.css |
— | Tsuas yog Reboot | — | — |
JS cov ntaub ntawv
Ib yam li ntawd, peb muaj kev xaiv rau suav nrog qee lossis tag nrho peb cov ntaub ntawv JavaScript.
JS Files | Popper |
---|---|
bootstrap.bundle.js bootstrap.bundle.min.js |
suav nrog |
bootstrap.js bootstrap.min.js |
- |
Bootstrap qhov chaws
Bootstrap qhov chaws rub tawm suav nrog CSS thiab JavaScript cov cuab tam, nrog rau qhov chaw Sass, JavaScript, thiab cov ntaub ntawv. Tshwj xeeb tshaj yog, nws suav nrog cov hauv qab no thiab ntau dua:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.2/
│ └── examples/
├── js/
└── scss/
Qhov scss/
thiab js/
yog qhov chaws rau peb CSS thiab JavaScript. Cov dist/
ntawv tais ceev tseg suav nrog txhua yam uas tau teev tseg hauv cov ntawv sau ua ke saum toj no. Cov site/content/docs/
ntawv tais ceev tseg suav nrog qhov chaws rau peb cov ntaub ntawv tuav, suav nrog peb cov piv txwv nyob ntawm kev siv Bootstrap.
Ntxiv rau qhov ntawd, lwm cov ntaub ntawv suav nrog muab kev txhawb nqa rau pob khoom, ntaub ntawv tso cai, thiab kev txhim kho.