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