ჩამოტვირთვა
ჩამოტვირთეთ Bootstrap, რომ მიიღოთ შედგენილი CSS და JavaScript, წყაროს კოდი, ან ჩართოთ იგი თქვენს საყვარელ პაკეტების მენეჯერებთან, როგორიცაა npm, RubyGems და სხვა.
შედგენილი CSS და JS
ჩამოტვირთეთ მზა გამოსაყენებელი კომპილირებული კოდი Bootstrap v4.6.2-ისთვის , რათა ადვილად მოხვდეთ თქვენს პროექტში, რომელიც მოიცავს:
- შედგენილი და მინიფიცირებული CSS პაკეტები (იხილეთ CSS ფაილების შედარება )
- შედგენილი და მინიფიცირებული JavaScript დანამატები (იხილეთ JS ფაილების შედარება )
ეს არ შეიცავს დოკუმენტაციას, წყაროს ფაილებს ან JavaScript-ის არჩევით დამოკიდებულებებს (jQuery და Popper).
წყარო ფაილები
შეადგინეთ Bootstrap თქვენი საკუთარი აქტივის მილსადენით ჩვენი წყარო Sass, JavaScript და დოკუმენტაციის ფაილების ჩამოტვირთვით. ეს ვარიანტი მოითხოვს დამატებით ინსტრუმენტებს:
- Sass შემდგენელი Sass წყარო ფაილების CSS ფაილებში შედგენისთვის
- ავტოპრეფიქსერი CSS გამყიდველის პრეფიქსირებისთვის
თუ დაგჭირდებათ ჩვენი სრული კომპლექტი build ინსტრუმენტები , ისინი ჩართულია Bootstrap-ისა და მისი დოკუმენტების შემუშავებისთვის, მაგრამ ისინი სავარაუდოდ შეუფერებელია თქვენი მიზნებისთვის.
მაგალითები
თუ გსურთ ჩამოტვირთოთ და შეამოწმოთ ჩვენი მაგალითები , შეგიძლიათ აიღოთ უკვე აშენებული მაგალითები:
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>
თუ თქვენ იყენებთ ჩვენს შედგენილ JavaScript-ს და გირჩევნიათ ცალკე შეიყვანოთ Popper, დაამატეთ Popper ჩვენს 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-ის წყაროს ფაილები თითქმის ნებისმიერ პროექტში პაკეტების ყველაზე პოპულარულ მენეჯერებთან ერთად. არ აქვს მნიშვნელობა პაკეტის მენეჯერს, Bootstrap-ს დასჭირდება Sass შემდგენელი და Autoprefixer იმ კონფიგურაციისთვის, რომელიც შეესაბამება ჩვენს ოფიციალურ შედგენილ ვერსიებს.
npm
დააინსტალირეთ Bootstrap თქვენს Node.js პროგრამებში npm პაკეტით :
npm install bootstrap
require('bootstrap')ჩატვირთავს Bootstrap-ის ყველა jQuery დანამატს jQuery ობიექტზე. თავად bootstrapმოდული არაფრის ექსპორტს არ ახდენს. თქვენ შეგიძლიათ ხელით ჩატვირთოთ Bootstrap-ის jQuery დანამატები ინდივიდუალურად, /js/*.jsფაილების ჩატვირთვით პაკეტის ზედა დონის დირექტორიაში.
Bootstrap package.jsonშეიცავს დამატებით მეტამონაცემებს შემდეგი კლავიშების ქვეშ:
sass- გზა Bootstrap-ის ძირითადი Sass წყაროს ფაილისკენstyle- გზა Bootstrap-ის არამინიფიცირებული CSS-ისკენ, რომელიც წინასწარ შედგენილია ნაგულისხმევი პარამეტრების გამოყენებით (მორგების გარეშე)
ნართი
დააინსტალირეთ Bootstrap თქვენს Node.js პროგრამებში ძაფების პაკეტით :
yarn add bootstrap
RubyGems
დააინსტალირეთ Bootstrap თქვენს Ruby აპებში Bundler ( რეკომენდებული ) და RubyGems- ის გამოყენებით შემდეგი ხაზის დამატებით Gemfile:
gem 'bootstrap', '~> 4.6.2'
ალტერნატიულად, თუ არ იყენებთ Bundler-ს, შეგიძლიათ დააინსტალიროთ Gem ამ ბრძანების გაშვებით:
gem install bootstrap -v 4.6.2
იხილეთ ძვირფასი ქვის README დამატებითი დეტალებისთვის.
კომპოზიტორი
თქვენ ასევე შეგიძლიათ დააინსტალიროთ და მართოთ Bootstrap-ის Sass და JavaScript კომპოზიტორის გამოყენებით :
composer require twbs/bootstrap:4.6.2
NuGet
თუ თქვენ ავითარებთ .NET-ში, ასევე შეგიძლიათ დააინსტალიროთ და მართოთ Bootstrap-ის CSS ან Sass და JavaScript NuGet- ის გამოყენებით :
Install-Package bootstrap
Install-Package bootstrap.sass