Source

ჩამოტვირთვა

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

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

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

  • შედგენილი და მინიფიცირებული CSS პაკეტები (იხილეთ CSS ფაილების შედარება )
  • შედგენილი და მინიფიცირებული JavaScript დანამატები

ეს არ შეიცავს დოკუმენტაციას, წყაროს ფაილებს ან JavaScript-ის არჩევით დამოკიდებულებებს (jQuery და Popper.js).

ჩამოტვირთვა

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

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

  • Sass შემდგენელი (Libsass ან Ruby 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-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

თუ იყენებთ ჩვენს შედგენილ JavaScript-ს, არ დაგავიწყდეთ jQuery-ისა და Popper.js-ის CDN ვერსიების მანამდე დამატება.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" 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-ისკენ, რომელიც წინასწარ შედგენილია ნაგულისხმევი პარამეტრების გამოყენებით (მორგების გარეშე)

RubyGems

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

gem 'bootstrap', '~> 4.0.0'

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

gem install bootstrap -v 4.0.0

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

კომპოზიტორი

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

composer require twbs/bootstrap:4.0.0

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass