አውርድ
የተቀናበረውን CSS እና JavaScript፣ የምንጭ ኮድ ለማግኘት Bootstrapን ያውርዱ ወይም እንደ npm፣ RubyGems እና ሌሎች ካሉ ከሚወዷቸው የጥቅል አስተዳዳሪዎች ጋር ለማካተት።
የተቀናበረ CSS እና JS
በቀላሉ ወደ ፕሮጀክትዎ ለመግባት ለአገልግሎት ዝግጁ የሆነ የተቀናበረ ኮድ ለ Bootstrap v4.6.2 ያውርዱ ፣ ይህም የሚከተሉትን ያካትታል
- የተቀናጁ እና የተቀነሱ የሲኤስኤስ ቅርቅቦች (የ CSS ፋይሎች ንጽጽርን ይመልከቱ )
- የተቀናጁ እና የተቀነሱ የጃቫ ስክሪፕት ተሰኪዎች ( የጄኤስ ፋይሎች ንጽጽርን ይመልከቱ )
ይህ ሰነዶችን፣ የምንጭ ፋይሎችን ወይም ማንኛውንም አማራጭ ጃቫስክሪፕት ጥገኞችን (jQuery እና ፖፐር) አያካትትም።
ምንጭ ፋይሎች
የእኛን ምንጭ Sass፣ JavaScript እና documentation files በማውረድ ቡትስትራፕን በራስዎ የንብረት ቧንቧ ያጠናቅቁ። ይህ አማራጭ አንዳንድ ተጨማሪ መገልገያዎችን ይፈልጋል:
- የ Sass ምንጭ ፋይሎችን ወደ ሲኤስኤስ ፋይሎች ለማጠናቀር Sass compiler
- ለሲኤስኤስ አቅራቢ ቅድመ ቅጥያ ራስ-ቅጥያ
የኛን ሙሉ የግንባታ መሳሪያ ከፈለጉ፣ Bootstrapን እና ዶክመንቶቹን ለማዘጋጀት ተካትተዋል፣ ነገር ግን ለእራስዎ አላማዎች የማይበቁ ሊሆኑ ይችላሉ።
ምሳሌዎች
የእኛን ምሳሌዎች ለማውረድ እና ለመመርመር ከፈለጉ , አስቀድመው የተገነቡ ምሳሌዎችን መውሰድ ይችላሉ:
jsDelivr
የተሸጎጠ የBootstrap's CSS እና JS ወደ ፕሮጀክትህ ለማድረስ በ jsDelivr ማውረዱን ይዝለሉ ።
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
የእኛን የተቀናበረ ጃቫ ስክሪፕት እየተጠቀሙ ከሆነ እና ፖፐርን ለየብቻ ማካተት ከመረጡ፣ ከኛ JS በፊት ፖፐርን ይጨምሩ፣ በሲዲኤን ይመረጣል።
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
የጥቅል አስተዳዳሪዎች
የ Bootstrap ምንጭ ፋይሎችን ከአንዳንድ በጣም ታዋቂ የጥቅል አስተዳዳሪዎች ጋር ወደ ማንኛውም ፕሮጀክት ይሳቡ። የጥቅል አስተዳዳሪው ምንም ይሁን ምን ቡትስትራፕ ከኦፊሴላዊው የተጠናቀሩ ስሪቶቻችን ጋር ለሚዛመድ ማዋቀር Sass compiler እና Autoprefixer ያስፈልገዋል ።
npm
Bootstrapን በእርስዎ Node.js የተጎላበቱ መተግበሪያዎች ከ npm ጥቅል ጋር ይጫኑ ፡-
npm install bootstrap
require('bootstrap')
ሁሉንም የ Bootstrap jQuery ፕለጊኖች በ jQuery ነገር ላይ ይጫናል። ሞጁሉ bootstrap
ራሱ ምንም ነገር ወደ ውጭ አይልክም. /js/*.js
በጥቅሉ ከፍተኛ-ደረጃ ማውጫ ስር ያሉትን ፋይሎች በመጫን የ Bootstrap's jQuery pluginsን እራስዎ መጫን ይችላሉ ።
Bootstrap's package.json
በሚከተሉት ቁልፎች ስር አንዳንድ ተጨማሪ ሜታዳታ ይዟል
sass
- ወደ Bootstrap ዋና የ Sass ምንጭ ፋይል መንገድstyle
- ወደ Bootstrap ያልተቀነሰ CSS የሚወስደው መንገድ ነባሪ ቅንብሮችን በመጠቀም ቀድሞ የተጠናቀረ (ምንም ማበጀት የለም)
ክር
Bootstrapን በእርስዎ Node.js የተጎላበቱ መተግበሪያዎች ከክር ጥቅል ጋር ይጫኑ
yarn add bootstrap
RubyGems
Bundler ( የሚመከር ) እና RubyGems ን በመጠቀም ቡትስትራፕን በእርስዎ Ruby መተግበሪያዎች ላይ ይጫኑት Gemfile
የሚከተለውን መስመር ወደእርስዎ
gem 'bootstrap', '~> 4.6.2'
በአማራጭ፣ Bundlerን እየተጠቀሙ ካልሆኑ፣ ይህን ትዕዛዝ በማስኬድ እንቁውን መጫን ይችላሉ።
gem install bootstrap -v 4.6.2
ለተጨማሪ ዝርዝሮች የእንቁውን README ይመልከቱ።
አቀናባሪ
እንዲሁም አቀናባሪን በመጠቀም የ Bootstrap's Sass እና JavaScriptን መጫን እና ማስተዳደር ይችላሉ ፡-
composer require twbs/bootstrap:4.6.2
ኑጌት
በ NET ውስጥ ከገነቡ፣ ኑጌትን በመጠቀም የ Bootstrap's CSS ወይም Sass እና JavaScript ን መጫን እና ማስተዳደር ይችላሉ ።
Install-Package bootstrap
Install-Package bootstrap.sass