ይዘቶች
ቀድመው የተጠናቀሩ እና የምንጭ ኮድ ጣዕሞቻችንን ጨምሮ በBootstrap ውስጥ ምን እንደሚካተት ይወቁ።
ቀድሞ የተጠናቀረ ቡትስትራፕ
አንዴ ከወረዱ በኋላ የተጨመቀውን ማህደር ይንቀሉት እና እንደዚህ ያለ ነገር ያያሉ፡-
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
ይህ በጣም መሠረታዊው የBootstrap አይነት ነው፡ በማንኛውም የድር ፕሮጄክት ውስጥ ለፈጣን የመግባት ቀድሞ የተጠናቀሩ ፋይሎች። የተቀናበረ 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 ፋይሎች
በተመሳሳይ፣ ሁሉንም የተቀናጀውን ጃቫስክሪፕት ለማካተት አማራጮች አለን።
JS ፋይሎች | ፖፐር |
---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
ተካትቷል። |
bootstrap.js
bootstrap.min.js
|
- |
የማስነሻ ምንጭ ኮድ
የ Bootstrap ምንጭ ኮድ ማውረድ ቀድሞ የተጠናቀረ CSS እና JavaScript ንብረቶችን ከምንጩ Sass፣ JavaScript እና ሰነድ ጋር ያካትታል። በተለይም የሚከተሉትን እና ሌሎችንም ያካትታል፡-
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.0/
│ └── examples/
├── js/
└── scss/
የእኛ የሲኤስኤስ scss/
እና js/
ጃቫ ስክሪፕት ምንጭ ኮድ ናቸው። ማህደሩ ከላይ dist/
ባለው ቀድሞ በተዘጋጀው የማውረድ ክፍል ውስጥ የተዘረዘሩትን ሁሉ ያካትታል። site/docs/
አቃፊው ለሰነዶቻችን የምንጭ ኮድ እና የ examples/
Bootstrap አጠቃቀምን ያካትታል። ከዚህ ባሻገር፣ ሌላ ማንኛውም የተካተተ ፋይል ለፓኬጆች፣ የፍቃድ መረጃ እና ልማት ድጋፍ ይሰጣል።