Source

ምውራድ

ነቲ ዝተጠርነፈ CSSን ጃቫስክሪፕትን፡ ምንጪ ኮድ ንምርካብ Bootstrap ኣውርድዎ፡ ወይ ድማ ምስ ዝፈትውዎም ኣካየድቲ ፓኬጅ ከም npm፡ RubyGemsን ካልእን ኣካትትዎ።

CSSን JSን ዝተጠርነፈ እዩ።

ን Bootstrap v4.4.1 ብቐሊሉ ናብ ፕሮጀክትካ ንምውዳቕ ድሉው ዝኾነ ንጥቕሚ ዝተጠርነፈ ኮድ ኣውርድ፣ እዚ ድማ፤

  • ዝተጠርነፉን ዝተቐነሱን CSS bundles ( ንጽጽር CSS ፋይላት ርአ )
  • ተጠርኒፉን ዝተቐነሰን ናይ ጃቫስክሪፕት ፕላጊናት

እዚ ሰነዳት፡ ምንጪ ፋይላት፡ ወይ ዝኾነ ኣማራጺ ጽግዕተኛታት ጃቫስክሪፕት (jQuery and Popper.js) ዘየጠቓልል እዩ።

ምውራድ

ምንጪ ፋይላት

ምንጪ ሳስ፣ ጃቫስክሪፕትን ሰነዳትን ፋይላትና ብምውራድ ቡትስትራፕ ብናይ ገዛእ ርእስኻ ንብረት ሻምብቆ ኣጠቓልል። እዚ ኣማራጺ ገለ ተወሳኺ መሳርሒታት ይሓትት፤

  • Sass compiler (Libsass ወይ Ruby Sass ይድገፍ እዩ) ን CSS ናትካ ንምጥርናፍ።
  • ኣውቶፕሪፊክሰር ን CSS ሸያጢ ቅድመ-ጥብቆ

Should you require 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-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

ነቲ ዝተጠርነፈ ጃቫስክሪፕትና ትጥቀሙ እንተኾይንኩም፡ ቅድሚኡ CDN ስሪት jQueryን Popper.jsን ምእታው ኣይትረስዑ።

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" 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.4.1'

ከም ኣማራጺ፡ Bundler ዘይትጥቀም እንተኾንካ፡ ነዚ ትእዛዝ ብምፍጻም ነቲ gem ክትጭብጦ ትኽእል ኢኻ፤

gem install bootstrap -v 4.4.1

ንተወሳኺ ዝርዝር ሓበሬታ ናይቲ ዕንቊ README ርአ ።

ኣወሃሃዲ ሙዚቃ

ብተወሳኺ ናይ Bootstrap Sassን JavaScriptን Composer ተጠቂምካ ክትተክልን ከተመሓድርን ትኽእል ኢኻ :

composer require twbs/bootstrap:4.4.1

ንኡጌት።

ኣብ .NET እንተድኣ ኣማዕቢልኩም፡ NuGet ተጠቂምኩም ናይ Bootstrap CSS ወይ Sass ከምኡ ውን JavaScript ክትጭብጡን ከተመሓድሩን ትኽእሉ ኢኹም ::

Install-Package bootstrap
Install-Package bootstrap.sass