ምውራድ
ነቲ ዝተጠርነፈ CSSን ጃቫስክሪፕትን፡ ምንጪ ኮድ ንምርካብ Bootstrap ኣውርድዎ፡ ወይ ድማ ምስ ዝፈትውዎም ኣካየድቲ ፓኬጅ ከም npm፡ RubyGemsን ካልእን ኣካትትዎ።
CSSን JSን ዝተጠርነፈ እዩ።
ን Bootstrap v4.6.2 ብቐሊሉ ናብ ፕሮጀክትካ ንምውዳቕ ድሉው ዝኾነ ንጥቕሚ ዝተጠርነፈ ኮድ ኣውርድ፣ እዚ ድማ፤
- ዝተጠርነፉን ዝተቐነሱን CSS bundles ( ንጽጽር CSS ፋይላት ርአ )
- ዝተጠርነፉን ዝተቐነሱን ናይ ጃቫስክሪፕት ፕላጊናት ( ንጽጽር ፋይላት JS ርአ )
እዚ ሰነዳት፡ ምንጪ ፋይላት፡ ወይ ዝኾነ ኣማራጺ ጽግዕተኛታት ጃቫስክሪፕት (jQuery and Popper) ዘየጠቓልል እዩ።
ምንጪ ፋይላት
ምንጪ ሳስ፣ ጃቫስክሪፕትን ሰነዳትን ፋይላትና ብምውራድ ቡትስትራፕ ብናይ ገዛእ ርእስኻ ንብረት ሻምብቆ ኣጠቓልል። እዚ ኣማራጺ ገለ ተወሳኺ መሳርሒታት ይሓትት፤
- Sass compiler ንናይ Sass ምንጪ ፋይላት ናብ CSS ፋይላት ንምጥርናፍ ዝሕግዝ
- ኣውቶፕሪፊክሰር ን CSS ሸያጢ ቅድመ-ጥብቆ
Should you require our full set of build tools , ንሳቶም ንቡትስትራፕን ዶክታቱን ንምምዕባል ተኻቲቶም ኣለዉ, ግን ንናይ ገዛእ ርእስኻ ዕላማታት ዘይምቹኣት ክኾኑ ተኽእሎ ኣሎ።
ኣብነታት
ኣብነታትና ኣውሪድኩም ክትምርምሩ ምስ እትደልዩ ፡ ነቶም ድሮ ዝተሃንጹ ኣብነታት ክትሕዙ ትኽእሉ ኢኹም፤
jsDelivr ዝብል ጽሑፍ ኣሎ።
ነቲ ብ jsDelivr ዝግበር ምውራድ ዘልሎ እሞ ነቲ ዝተዓቀበ ስሪት ናይ Bootstrap ዝተጠርነፈ CSSን JSን ናብ ፕሮጀክትካ ኣቕርቦ።
<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ና ፖፐር ወስኹሉ፡ ብመንገዲ CDN እንተተኻኢሉ።
<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 package ንጽዓኖ :
npm install bootstrap
require('bootstrap')
ኩሎም ናይ Bootstrap jQuery ፕላጊናት ኣብቲ jQuery ነገራት ክጽዕኖም እዩ። እቲ bootstrap
ሞዱል ንባዕሉ ዝኾነ ነገር ኣይልእኽን እዩ። /js/*.js
ኣብ ትሕቲ ናይቲ ፓኬጅ ላዕለዋይ ደረጃ ማህደር ዝርከቡ ፋይላት ብምጽዓን ናይ Bootstrap jQuery ፕላግ-ኢናት ብውልቂ ብኢድካ ክትጽዕኖም ትኽእል ኢኻ ።
Bootstrap's package.json
ኣብ ትሕቲ እዞም ዝስዕቡ መፍትሕታት ገለ ተወሳኺ ሜታዳታ ዝሓዘ እዩ።
sass
- መንገዲ ናብቲ ቀንዲ ሳስ ምንጪ ፋይል ቡትስትራፕstyle
- መንገዲ ናብቲ ብነባሪ ቅጥዕታት ተጠቒምካ ቅድሚኡ ዝተጠርነፈ ዘይተቐነሰ CSS ናይ Bootstrap (ምምዕርራይ የለን)
ፈትሊ
Bootstrap ኣብ Node.js ዝሰርሑ ኣፕስ ብ yarn package ንጽዓኖ :
yarn add bootstrap
ሩቢጀምስ
ኣብ Ruby apps ናትካ Bootstrap ብ Bundler ( ዝምከር ) ከምኡ ውን RubyGems ተጠቂምካ ነዚ ዝስዕብ መስመር ኣብ ናትካ ብምውሳኽ ጽዓኖ Gemfile
:
gem 'bootstrap', '~> 4.6.2'
ከም ኣማራጺ፡ Bundler ዘይትጥቀም እንተኾንካ፡ ነዚ ትእዛዝ ብምፍጻም ነቲ gem ክትጭብጦ ትኽእል ኢኻ፤
gem install bootstrap -v 4.6.2
ንተወሳኺ ዝርዝር ሓበሬታ ናይቲ ዕንቊ README ርአ ።
ኣወሃሃዲ ሙዚቃ
ብተወሳኺ ናይ Bootstrap Sassን JavaScriptን Composer ተጠቂምካ ክትተክልን ከተመሓድርን ትኽእል ኢኻ :
composer require twbs/bootstrap:4.6.2
ንኡጌት።
ኣብ .NET እንተድኣ ኣማዕቢልኩም፡ NuGet ተጠቂምኩም ናይ Bootstrap CSS ወይ Sass ከምኡ ውን JavaScript ክትጭብጡን ከተመሓድሩን ትኽእሉ ኢኹም ::
Install-Package bootstrap
Install-Package bootstrap.sass