Source

ይዘቶች

ቀድመው የተጠናቀሩ እና የምንጭ ኮድ ጣዕሞቻችንን ጨምሮ በBootstrap ውስጥ ምን እንደሚካተት ይወቁ። ያስታውሱ፣ የ Bootstrap's JavaScript ፕለጊኖች jQuery ያስፈልጋቸዋል።

ቀድሞ የተጠናቀረ ቡትስትራፕ

አንዴ ከወረደ፣ የተጨመቀውን ማህደር ዚፕ ይክፈቱ እና እንደዚህ ያለ ነገር ያያሉ፡-

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-grid.css
│   ├── bootstrap-grid.css.map
│   ├── bootstrap-grid.min.css
│   ├── bootstrap-grid.min.css.map
│   ├── bootstrap-reboot.css
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   └── bootstrap-reboot.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.min.js
    ├── bootstrap.js
    └── bootstrap.min.js

ይህ በጣም መሠረታዊው የBootstrap አይነት ነው፡ በማንኛውም የድር ፕሮጄክት ውስጥ ለፈጣን የመግባት ቀድሞ የተጠናቀሩ ፋይሎች። የተቀናበረ CSS እና JS ( bootstrap.*) እንዲሁም የተጠናቀረ እና የተቀነሰ CSS እና JS ( bootstrap.min.*) እናቀርባለን። የ CSS ምንጭ ካርታዎች ( bootstrap.*.map) ከተወሰኑ አሳሾች ገንቢ መሳሪያዎች ጋር ለመጠቀም ይገኛሉ። የተጠቀለሉ JS ፋይሎች ( bootstrap.bundle.jsእና የተቀነሱ bootstrap.bundle.min.js) ፖፐርን ያካትታሉ ፣ ግን jQuery አይደሉም ።

የሲኤስኤስ ፋይሎች

ቡትስትራፕ የተወሰኑትን ወይም ሁሉንም የእኛን የተቀናበረ CSS ለማካተት ጥቂት አማራጮችን ያካትታል።

የሲኤስኤስ ፋይሎች አቀማመጥ ይዘት አካላት መገልገያዎች
bootstrap.css
bootstrap.min.css
ተካትቷል። ተካትቷል። ተካትቷል። ተካትቷል።
bootstrap-grid.css
bootstrap-grid.min.css
የፍርግርግ ስርዓት ብቻ አልተካተተም አልተካተተም ተጣጣፊ መገልገያዎችን ብቻ
bootstrap-reboot.css
bootstrap-reboot.min.css
አልተካተተም ዳግም አስነሳ ብቻ አልተካተተም አልተካተተም

JS ፋይሎች

በተመሳሳይ፣ ሁሉንም የተቀናጀውን ጃቫስክሪፕት ለማካተት አማራጮች አለን።

JS ፋይሎች ፖፐር jQuery
bootstrap.bundle.js
bootstrap.bundle.min.js
ተካትቷል። አልተካተተም
bootstrap.js
bootstrap.min.js
አልተካተተም አልተካተተም

የማስነሻ ምንጭ ኮድ

የ Bootstrap ምንጭ ኮድ ማውረድ ቀድሞ የተጠናቀረ CSS እና JavaScript ንብረቶችን ከምንጩ Sass፣ JavaScript እና ሰነድ ጋር ያካትታል። በተለይም የሚከተሉትን እና ሌሎችንም ያካትታል፡-

bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── docs/
│   └── examples/
├── js/
└── scss/

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