ਸਮੱਗਰੀ
ਖੋਜੋ ਕਿ ਬੂਟਸਟਰੈਪ ਵਿੱਚ ਕੀ ਸ਼ਾਮਲ ਹੈ, ਸਾਡੇ ਪ੍ਰੀ-ਕੰਪਾਈਲਡ ਅਤੇ ਸਰੋਤ ਕੋਡ ਦੇ ਸੁਆਦਾਂ ਸਮੇਤ।
ਪ੍ਰੀ-ਕੰਪਾਈਲਡ ਬੂਟਸਟਰੈਪ
ਇੱਕ ਵਾਰ ਡਾਉਨਲੋਡ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਸੰਕੁਚਿਤ ਫੋਲਡਰ ਨੂੰ ਅਨਜ਼ਿਪ ਕਰੋ ਅਤੇ ਤੁਸੀਂ ਇਸ ਤਰ੍ਹਾਂ ਦਾ ਕੁਝ ਦੇਖੋਗੇ:
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.rtl.css
bootstrap.min.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.0/
│ └── examples/
├── js/
└── scss/
ਅਤੇ ਸਾਡੇ CSS ਅਤੇ JavaScript ਲਈ ਸਰੋਤ ਕੋਡ ਹਨ scss/
। ਫੋਲਡਰ ਵਿੱਚ ਉਪਰੋਕਤ ਪ੍ਰੀ-ਕੰਪਾਈਲਡ ਡਾਉਨਲੋਡ ਸੈਕਸ਼ਨ ਵਿੱਚ ਸੂਚੀਬੱਧ ਸਭ ਕੁਝ ਸ਼ਾਮਲ ਹੈ js/
। dist/
ਫੋਲਡਰ ਵਿੱਚ site/docs/
ਸਾਡੇ ਦਸਤਾਵੇਜ਼ਾਂ ਲਈ ਸਰੋਤ ਕੋਡ ਅਤੇ examples/
ਬੂਟਸਟਰੈਪ ਦੀ ਵਰਤੋਂ ਸ਼ਾਮਲ ਹੁੰਦੀ ਹੈ। ਇਸ ਤੋਂ ਇਲਾਵਾ, ਕੋਈ ਵੀ ਹੋਰ ਸ਼ਾਮਲ ਕੀਤੀ ਫਾਈਲ ਪੈਕੇਜਾਂ, ਲਾਇਸੈਂਸ ਜਾਣਕਾਰੀ, ਅਤੇ ਵਿਕਾਸ ਲਈ ਸਹਾਇਤਾ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ।