გადადით მთავარ შინაარსზე დოკუმენტების ნავიგაციაზე გადასვლა
in English

ჩამოტვირთვა

ჩამოტვირთეთ Bootstrap, რომ მიიღოთ შედგენილი CSS და JavaScript, წყაროს კოდი, ან ჩართოთ იგი თქვენს საყვარელ პაკეტების მენეჯერებთან, როგორიცაა npm, RubyGems და სხვა.

ამ გვერდზე

შედგენილი CSS და JS

ჩამოტვირთეთ მზა გამოსაყენებელი კომპილირებული კოდი Bootstrap v5.0.2-ისთვის , რათა ადვილად მოხვდეთ თქვენს პროექტში, რომელიც მოიცავს:

ეს არ შეიცავს დოკუმენტაციას, წყაროს ფაილებს ან რაიმე არასავალდებულო JavaScript-ის დამოკიდებულებებს, როგორიცაა Popper.

ჩამოტვირთვა

წყარო ფაილები

შეადგინეთ Bootstrap თქვენი საკუთარი აქტივის მილსადენით ჩვენი წყარო Sass, JavaScript და დოკუმენტაციის ფაილების ჩამოტვირთვით. ეს ვარიანტი მოითხოვს დამატებით ინსტრუმენტებს:

თუ დაგჭირდებათ ჩვენი სრული კომპლექტი build ინსტრუმენტები , ისინი ჩართულია Bootstrap-ისა და მისი დოკუმენტების შემუშავებისთვის, მაგრამ ისინი სავარაუდოდ შეუფერებელია თქვენი მიზნებისთვის.

გადმოწერის წყარო

მაგალითები

თუ გსურთ ჩამოტვირთოთ და შეამოწმოთ ჩვენი მაგალითები , შეგიძლიათ აიღოთ უკვე აშენებული მაგალითები:

ჩამოტვირთეთ მაგალითები

CDN jsDelivr-ის საშუალებით

გამოტოვეთ ჩამოტვირთვა jsDelivr-ით , რათა თქვენს პროექტს მიაწოდოთ Bootstrap-ის შედგენილი CSS და JS ქეშირებული ვერსია.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

თუ თქვენ იყენებთ ჩვენს შედგენილ JavaScript-ს და გირჩევნიათ ცალკე შეიყვანოთ Popper, დაამატეთ Popper ჩვენს JS-მდე, სასურველია CDN-ის საშუალებით.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

პაკეტის მენეჯერები

შეიტანეთ Bootstrap-ის წყაროს ფაილები თითქმის ნებისმიერ პროექტში პაკეტების ყველაზე პოპულარულ მენეჯერებთან ერთად. არ აქვს მნიშვნელობა პაკეტის მენეჯერს, Bootstrap-ს დასჭირდება Sass შემდგენელი და Autoprefixer იმ კონფიგურაციისთვის, რომელიც შეესაბამება ჩვენს ოფიციალურ შედგენილ ვერსიებს.

npm

დააინსტალირეთ Bootstrap თქვენს Node.js პროგრამებში npm პაკეტით :

npm install bootstrap

const bootstrap = require('bootstrap')ან import bootstrap from 'bootstrap'ჩატვირთავს Bootstrap-ის ყველა დანამატს bootstrapობიექტზე. bootstrapმოდული თავად ახდენს ჩვენი ყველა დანამატის ექსპორტს . თქვენ შეგიძლიათ ხელით ჩატვირთოთ Bootstrap-ის დანამატები ინდივიდუალურად, /js/dist/*.jsფაილების ჩატვირთვით პაკეტის ზედა დონის დირექტორიაში.

Bootstrap package.jsonშეიცავს დამატებით მეტამონაცემებს შემდეგი კლავიშების ქვეშ:

  • sass- გზა Bootstrap-ის ძირითადი Sass წყაროს ფაილისკენ
  • style- გზა Bootstrap-ის არამინიფიცირებული CSS-ისკენ, რომელიც წინასწარ შედგენილია ნაგულისხმევი პარამეტრების გამოყენებით (მორგების გარეშე)
დაიწყეთ Bootstrap–ით npm–ით ჩვენი დამწყები პროექტით! გადადით twbs /bootstrap-npm-starter შაბლონის საცავში, რათა ნახოთ, თუ როგორ უნდა ააწყოთ და დააკონფიგურიროთ Bootstrap საკუთარ npm პროექტში. მოყვება Sass შემდგენელი, Autoprefixer, Stylelint, PurgeCSS და Bootstrap ხატები.

ნართი

დააინსტალირეთ Bootstrap თქვენს Node.js პროგრამებში ძაფების პაკეტით :

yarn add bootstrap

RubyGems

დააინსტალირეთ Bootstrap თქვენს Ruby აპებში Bundler ( რეკომენდებული ) და RubyGems- ის გამოყენებით შემდეგი ხაზის დამატებით Gemfile:

gem 'bootstrap', '~> 5.0.2'

ალტერნატიულად, თუ არ იყენებთ Bundler-ს, შეგიძლიათ დააინსტალიროთ Gem ამ ბრძანების გაშვებით:

gem install bootstrap -v 5.0.2

იხილეთ ძვირფასი ქვის README დამატებითი დეტალებისთვის.

კომპოზიტორი

თქვენ ასევე შეგიძლიათ დააინსტალიროთ და მართოთ Bootstrap-ის Sass და JavaScript კომპოზიტორის გამოყენებით :

composer require twbs/bootstrap:5.0.2

NuGet

თუ თქვენ ავითარებთ .NET-ში, ასევე შეგიძლიათ დააინსტალიროთ და მართოთ Bootstrap-ის CSS ან Sass და JavaScript NuGet- ის გამოყენებით :

Install-Package bootstrap

Install-Package bootstrap.sass