ഉള്ളടക്കം
ബൂട്ട്സ്ട്രാപ്പിൽ എന്താണ് ഉൾപ്പെടുത്തിയിരിക്കുന്നതെന്ന് കണ്ടെത്തുക, ഞങ്ങളുടെ മുൻകൂട്ടി തയ്യാറാക്കിയതും സോഴ്സ് കോഡും ഉൾപ്പെടെ.
മുൻകൂട്ടി തയ്യാറാക്കിയ ബൂട്ട്സ്ട്രാപ്പ്
ഡൗൺലോഡ് ചെയ്തുകഴിഞ്ഞാൽ, കംപ്രസ് ചെയ്ത ഫോൾഡർ അൺസിപ്പ് ചെയ്യുക, ഇതുപോലൊന്ന് നിങ്ങൾ കാണും:
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
|
— | റീബൂട്ട് മാത്രം | — | — |
JS ഫയലുകൾ
അതുപോലെ, ഞങ്ങളുടെ കംപൈൽ ചെയ്ത JavaScript-ൽ ചിലത് അല്ലെങ്കിൽ എല്ലാം ഉൾപ്പെടുത്തുന്നതിന് ഞങ്ങൾക്ക് ഓപ്ഷനുകൾ ഉണ്ട്.
JS ഫയലുകൾ | പോപ്പർ |
---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
ഉൾപ്പെടുത്തിയത് |
bootstrap.js
bootstrap.min.js
|
— |
ബൂട്ട്സ്ട്രാപ്പ് സോഴ്സ് കോഡ്
ബൂട്ട്സ്ട്രാപ്പ് സോഴ്സ് കോഡ് ഡൗൺലോഡിൽ സോഴ്സ് സാസ്, ജാവാസ്ക്രിപ്റ്റ്, ഡോക്യുമെന്റേഷൻ എന്നിവയ്ക്കൊപ്പം പ്രീകംപൈൽ ചെയ്ത CSS, JavaScript അസറ്റുകൾ എന്നിവ ഉൾപ്പെടുന്നു. കൂടുതൽ വ്യക്തമായി പറഞ്ഞാൽ, അതിൽ ഇനിപ്പറയുന്നവയും അതിലേറെയും ഉൾപ്പെടുന്നു:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.0/
│ └── examples/
├── js/
└── scss/
ഞങ്ങളുടെ CSS scss/
, js/
JavaScript എന്നിവയുടെ സോഴ്സ് കോഡാണ്. മുകളിൽ dist/
മുൻകൂട്ടി തയ്യാറാക്കിയ ഡൗൺലോഡ് വിഭാഗത്തിൽ ലിസ്റ്റ് ചെയ്തിരിക്കുന്നതെല്ലാം ഫോൾഡറിൽ ഉൾപ്പെടുന്നു. ഫോൾഡറിൽ ഞങ്ങളുടെ site/docs/
ഡോക്യുമെന്റേഷന്റെയും examples/
ബൂട്ട്സ്ട്രാപ്പ് ഉപയോഗത്തിന്റെയും സോഴ്സ് കോഡ് ഉൾപ്പെടുന്നു. അതിനപ്പുറം, ഉൾപ്പെടുത്തിയിരിക്കുന്ന മറ്റേതെങ്കിലും ഫയലുകൾ പാക്കേജുകൾക്കും ലൈസൻസ് വിവരങ്ങൾക്കും വികസനത്തിനും പിന്തുണ നൽകുന്നു.