ወደ ዋናው ይዘት ዝለል ወደ ሰነዶች ዳሰሳ ዝለል
in English

ይዘቶች

ቀድመው የተጠናቀሩ እና የምንጭ ኮድ ጣዕሞቻችንን ጨምሮ በ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.1/
│              └── examples/
├── js/
└── scss/

የእኛ የሲኤስኤስ scss/እና js/ጃቫ ስክሪፕት ምንጭ ኮድ ናቸው። ማህደሩ ከላይ dist/ባለው ቀድሞ በተዘጋጀው የማውረድ ክፍል ውስጥ የተዘረዘሩትን ሁሉ ያካትታል። site/docs/አቃፊው ለሰነዶቻችን የምንጭ ኮድ እና የ examples/Bootstrap አጠቃቀምን ያካትታል። ከዚህ ባሻገር፣ ሌላ ማንኛውም የተካተተ ፋይል ለፓኬጆች፣ የፍቃድ መረጃ እና ልማት ድጋፍ ይሰጣል።