in English

ምውራድ

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

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

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

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

ምውራድ

ምንጪ ፋይላት

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

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 compilerAutoprefixer ን ከድልዮ እዩ።

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 ብመንገዲ npm ምስ ጀማሪ ፕሮጀክትና ጀምር! ኣብ ናይ ገዛእ ርእስኻ npm ፕሮጀክት ከመይ ጌርካ Bootstrap ትሃንጽን ትመዓራረን ንምርኣይ ናብ twbs/bootstrap-npm-starter template repository ኣቕንዕ። Sass compiler, Autoprefixer, Stylelint, PurgeCSS, ከምኡውን Bootstrap Icons ዘጠቓልል እዩ።

ፈትሊ

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