ਸਮੱਗਰੀ

ਖੋਜੋ ਕਿ ਬੂਟਸਟਰੈਪ ਵਿੱਚ ਕੀ ਸ਼ਾਮਲ ਹੈ, ਸਾਡੇ ਕੰਪਾਇਲ ਕੀਤੇ ਅਤੇ ਸਰੋਤ ਕੋਡ ਦੇ ਸੁਆਦਾਂ ਸਮੇਤ।

ਇਸ ਪੰਨੇ 'ਤੇ

ਕੰਪਾਇਲ ਕੀਤਾ ਬੂਟਸਟਰੈਪ

ਇੱਕ ਵਾਰ ਡਾਉਨਲੋਡ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਸੰਕੁਚਿਤ ਫੋਲਡਰ ਨੂੰ ਅਨਜ਼ਿਪ ਕਰੋ ਅਤੇ ਤੁਸੀਂ ਇਸ ਤਰ੍ਹਾਂ ਦਾ ਕੁਝ ਦੇਖੋਗੇ:

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

ਇਹ ਬੂਟਸਟਰੈਪ ਦਾ ਸਭ ਤੋਂ ਬੁਨਿਆਦੀ ਰੂਪ ਹੈ: ਲਗਭਗ ਕਿਸੇ ਵੀ ਵੈੱਬ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਤੁਰੰਤ ਡਰਾਪ-ਇਨ ਵਰਤੋਂ ਲਈ ਕੰਪਾਇਲ ਕੀਤੀਆਂ ਫਾਈਲਾਂ। ਅਸੀਂ ਕੰਪਾਇਲ ਕੀਤੇ CSS ਅਤੇ JS ( bootstrap.*) ਦੇ ਨਾਲ ਨਾਲ ਕੰਪਾਇਲ ਕੀਤੇ ਅਤੇ ਛੋਟੇ CSS ਅਤੇ JS ( bootstrap.min.*) ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਾਂ। ਸਰੋਤ ਨਕਸ਼ੇ ( bootstrap.*.map) ਕੁਝ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦੇ ਡਿਵੈਲਪਰ ਟੂਲਸ ਨਾਲ ਵਰਤਣ ਲਈ ਉਪਲਬਧ ਹਨ। ਬੰਡਲ JS ਫਾਈਲਾਂ ( bootstrap.bundle.jsਅਤੇ ਮਿਨੀਫਾਈਡ bootstrap.bundle.min.js) ਵਿੱਚ ਪੋਪਰ ਸ਼ਾਮਲ ਹਨ ।

CSS ਫਾਈਲਾਂ

ਬੂਟਸਟਰੈਪ ਵਿੱਚ ਸਾਡੇ ਕੁਝ ਜਾਂ ਸਾਰੇ ਕੰਪਾਇਲ ਕੀਤੇ CSS ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਮੁੱਠੀ ਭਰ ਵਿਕਲਪ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ।

CSS ਫਾਈਲਾਂ	ਖਾਕਾ	ਸਮੱਗਰੀ	ਕੰਪੋਨੈਂਟਸ	ਸਹੂਲਤ
`bootstrap.css` `bootstrap.min.css` `bootstrap.rtl.css` `bootstrap.rtl.min.css`	ਸ਼ਾਮਲ ਹਨ	ਸ਼ਾਮਲ ਹਨ	ਸ਼ਾਮਲ ਹਨ	ਸ਼ਾਮਲ ਹਨ
`bootstrap-grid.css` `bootstrap-grid.rtl.css` `bootstrap-grid.min.css` `bootstrap-grid.rtl.min.css`	ਸਿਰਫ਼ ਗਰਿੱਡ ਸਿਸਟਮ	-	-	ਸਿਰਫ਼ ਫਲੈਕਸ ਉਪਯੋਗਤਾਵਾਂ
`bootstrap-utilities.css` `bootstrap-utilities.rtl.css` `bootstrap-utilities.min.css` `bootstrap-utilities.rtl.min.css`	-	-	-	ਸ਼ਾਮਲ ਹਨ
`bootstrap-reboot.css` `bootstrap-reboot.rtl.css` `bootstrap-reboot.min.css` `bootstrap-reboot.rtl.min.css`	-	ਸਿਰਫ਼ ਰੀਬੂਟ ਕਰੋ	-	-

ਜੇਐਸ ਫਾਈਲਾਂ

ਇਸੇ ਤਰ੍ਹਾਂ, ਸਾਡੇ ਕੋਲ ਸਾਡੀ ਕੁਝ ਜਾਂ ਸਾਰੀ ਕੰਪਾਇਲ ਕੀਤੀ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਵਿਕਲਪ ਹਨ।

ਜੇਐਸ ਫਾਈਲਾਂ	ਪੋਪਰ
`bootstrap.bundle.js` `bootstrap.bundle.min.js`	ਸ਼ਾਮਲ ਹਨ
`bootstrap.js` `bootstrap.min.js`	-

ਬੂਟਸਟਰੈਪ ਸਰੋਤ ਕੋਡ

ਬੂਟਸਟਰੈਪ ਸਰੋਤ ਕੋਡ ਡਾਉਨਲੋਡ ਵਿੱਚ ਸੰਕਲਿਤ CSS ਅਤੇ JavaScript ਸੰਪਤੀਆਂ, ਸਰੋਤ Sass, JavaScript, ਅਤੇ ਦਸਤਾਵੇਜ਼ਾਂ ਦੇ ਨਾਲ ਸ਼ਾਮਲ ਹਨ। ਵਧੇਰੇ ਖਾਸ ਤੌਰ 'ਤੇ, ਇਸ ਵਿੱਚ ਹੇਠ ਲਿਖੇ ਅਤੇ ਹੋਰ ਵੀ ਸ਼ਾਮਲ ਹਨ:

bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── site/
│   └──content/
│      └── docs/
│          └── 5.2/
│              └── examples/
├── js/
└── scss/

ਅਤੇ ਸਾਡੇ CSS ਅਤੇ JavaScript ਲਈ ਸਰੋਤ ਕੋਡ ਹਨ scss/। ਫੋਲਡਰ ਵਿੱਚ ਉਪਰੋਕਤ ਕੰਪਾਇਲ ਕੀਤੇ ਡਾਉਨਲੋਡ ਭਾਗ ਵਿੱਚ ਸੂਚੀਬੱਧ ਸਭ ਕੁਝ ਸ਼ਾਮਲ ਹੈ js/। dist/ਫੋਲਡਰ ਵਿੱਚ site/content/docs/ਸਾਡੇ ਹੋਸਟ ਕੀਤੇ ਦਸਤਾਵੇਜ਼ਾਂ ਲਈ ਸਰੋਤ ਕੋਡ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਬੂਟਸਟਰੈਪ ਵਰਤੋਂ ਦੀਆਂ ਸਾਡੀਆਂ ਲਾਈਵ ਉਦਾਹਰਣਾਂ ਸ਼ਾਮਲ ਹਨ।

ਇਸ ਤੋਂ ਇਲਾਵਾ, ਕੋਈ ਵੀ ਹੋਰ ਸ਼ਾਮਲ ਕੀਤੀ ਫਾਈਲ ਪੈਕੇਜਾਂ, ਲਾਇਸੈਂਸ ਜਾਣਕਾਰੀ, ਅਤੇ ਵਿਕਾਸ ਲਈ ਸਹਾਇਤਾ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ।