አውርድ

የተቀናበረውን CSS እና JavaScript፣ የምንጭ ኮድ ለማግኘት Bootstrapን ያውርዱ ወይም እንደ npm፣ RubyGems እና ሌሎች ካሉ ከሚወዷቸው የጥቅል አስተዳዳሪዎች ጋር ለማካተት።

በዚህ ገጽ ላይ

የተቀናበረ CSS እና JS

በቀላሉ ወደ ፕሮጀክትዎ ለመግባት ለአገልግሎት ዝግጁ የሆነ የተቀናበረ ኮድ ለ Bootstrap v5.2.1 ያውርዱ ፣ ይህም የሚከተሉትን ያካትታል

የተቀናጁ እና የተቀነሱ የሲኤስኤስ ቅርቅቦች (የ CSS ፋይሎችን ንጽጽር ይመልከቱ )
የተቀናጁ እና የተቀነሱ የጃቫ ስክሪፕት ተሰኪዎች ( የጄኤስ ፋይሎች ንጽጽርን ይመልከቱ )

ይህ ሰነዶችን፣ የምንጭ ፋይሎችን ወይም እንደ ፖፐር ያሉ ማንኛውንም አማራጭ ጃቫስክሪፕት ጥገኞችን አያካትትም።

አውርድ

ምንጭ ፋይሎች

የእኛን ምንጭ Sass፣ JavaScript እና documentation files በማውረድ ቡትስትራፕን በራስዎ የንብረት ቧንቧ ያጠናቅቁ። ይህ አማራጭ አንዳንድ ተጨማሪ መገልገያዎችን ይፈልጋል:

የ Sass ምንጭ ፋይሎችን ወደ ሲኤስኤስ ፋይሎች ለማጠናቀር Sass compiler
ለሲኤስኤስ አቅራቢ ቅድመ ቅጥያ ራስ-ቅጥያ

የኛን ሙሉ የግንባታ መሳሪያ ከፈለጉ፣ Bootstrapን እና ዶክመንቶቹን ለማዘጋጀት ተካትተዋል፣ ነገር ግን ለእራስዎ አላማዎች የማይበቁ ሊሆኑ ይችላሉ።

ምንጭ አውርድ

ምሳሌዎች

የእኛን ምሳሌዎች ለማውረድ እና ለመመርመር ከፈለጉ , አስቀድመው የተገነቡ ምሳሌዎችን መውሰድ ይችላሉ:

ምሳሌዎችን አውርድ

CDN በ jsDelivr በኩል

የተሸጎጠ የBootstrap's CSS እና JS ወደ ፕሮጀክትህ ለማድረስ በ jsDelivr ማውረዱን ይዝለሉ ።

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

የእኛን የተቀናበረ ጃቫ ስክሪፕት እየተጠቀሙ ከሆነ እና ፖፐርን ለየብቻ ማካተት ከመረጡ፣ ከኛ JS በፊት ፖፐርን ይጨምሩ፣ በሲዲኤን ይመረጣል።

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

የጥቅል አስተዳዳሪዎች

የ Bootstrap ምንጭ ፋይሎችን ከአንዳንድ በጣም ታዋቂ የጥቅል አስተዳዳሪዎች ጋር ወደ ማንኛውም ፕሮጀክት ይሳቡ። የጥቅል አስተዳዳሪው ምንም ይሁን ምን ቡትስትራፕ ከኦፊሴላዊው የተጠናቀሩ ስሪቶቻችን ጋር ለሚዛመድ ማዋቀር Sass compiler እና Autoprefixer ያስፈልገዋል ።

npm

Bootstrapን በእርስዎ Node.js የተጎላበቱ መተግበሪያዎች ከ npm ጥቅል ጋር ይጫኑ ፡-

npm install [email protected]

const bootstrap = require('bootstrap')ወይም import bootstrap from 'bootstrap'ሁሉንም የBootstrap ፕለጊኖች በአንድ bootstrapነገር ላይ ይጭናል። ሞጁሉ bootstrapራሱ ሁሉንም ተሰኪዎቻችንን ወደ ውጭ ይልካል። /js/dist/*.jsበጥቅሉ ከፍተኛ-ደረጃ ማውጫ ስር ያሉ ፋይሎችን በመጫን የBootstrap ፕለጊኖችን ለየብቻ መጫን ይችላሉ።

Bootstrap's package.jsonበሚከተሉት ቁልፎች ስር አንዳንድ ተጨማሪ ሜታዳታ ይዟል

sass- ወደ Bootstrap ዋና የ Sass ምንጭ ፋይል መንገድ
style- ወደ ቡትስትራፕ ያልተቀነሰ CSS የሚወስድ መንገድ ነባሪ ቅንጅቶችን በመጠቀም (ምንም ማበጀት የለም)

በጀማሪ ፕሮጄክታችን በ npm በኩል በ Bootstrap ይጀምሩ! Bootstrapን በራስዎ npm ፕሮጀክት እንዴት መገንባት እና ማበጀት እንደሚችሉ ለማየት ወደ twbs /bootstrap-npm-starter አብነት ማከማቻ ይሂዱ። Sass compiler፣ Autoprefixer፣ Stylelint፣ PurgeCSS እና Bootstrap አዶዎችን ያካትታል።

ክር

Bootstrapን በእርስዎ Node.js የተጎላበቱ መተግበሪያዎች ከክር ጥቅል ጋር ይጫኑ

yarn add [email protected]

RubyGems

Bundler ( የሚመከር ) እና RubyGems ን በመጠቀም ቡትስትራፕን በእርስዎ Ruby መተግበሪያዎች ላይ ይጫኑ የሚከተለውን መስመር ወደ የእርስዎ Gemfile፦

gem 'bootstrap', '~> 5.2.1'

በአማራጭ፣ Bundlerን እየተጠቀሙ ካልሆኑ፣ ይህንን ትዕዛዝ በማስኬድ እንቁውን መጫን ይችላሉ።

gem install bootstrap -v 5.2.1

ለተጨማሪ ዝርዝሮች የእንቁውን README ይመልከቱ።

አቀናባሪ

እንዲሁም አቀናባሪን በመጠቀም የ Bootstrap's Sass እና JavaScriptን መጫን እና ማስተዳደር ይችላሉ ፡-

composer require twbs/bootstrap:5.2.1

ኑጌት

በ NET Framework ውስጥ ካዳበሩ፣ ኑጌትን በመጠቀም የ Bootstrap's CSS ወይም Sass እና JavaScript ን መጫን እና ማስተዳደር ይችላሉ ። ኑጌት ለግንባር ንብረቶች ሳይሆን ለተጠናቀረ ኮድ ስለሆነ አዳዲስ ፕሮጀክቶች ሊብማን ወይም ሌላ ዘዴ መጠቀም አለባቸው።

Install-Package bootstrap

Install-Package bootstrap.sass