İndirmek
Derlenmiş CSS ve JavaScript'i, kaynak kodunu almak için Bootstrap'i indirin veya npm, RubyGems ve daha fazlası gibi favori paket yöneticilerinize dahil edin.
Derlenmiş CSS ve JS
Aşağıdakileri içeren, projenize kolayca dahil etmek için Bootstrap v4.6.2 için kullanıma hazır derlenmiş kodu indirin :
- Derlenmiş ve küçültülmüş CSS paketleri (bkz. CSS dosyaları karşılaştırması )
- Derlenmiş ve küçültülmüş JavaScript eklentileri (bkz. JS dosyaları karşılaştırması )
Bu, belgeleri, kaynak dosyaları veya isteğe bağlı JavaScript bağımlılıklarını (jQuery ve Popper) içermez.
Kaynak dosyaları
Kaynak Sass, JavaScript ve belge dosyalarımızı indirerek Bootstrap'i kendi varlık ardışık düzeninizle derleyin. Bu seçenek, bazı ek araçlar gerektirir:
- Sass kaynak dosyalarını CSS dosyalarına derlemek için Sass derleyicisi
- CSS satıcı ön eki için otomatik ön ekleyici
Tüm derleme araçlarımıza ihtiyaç duyarsanız , bunlar Bootstrap ve belgelerini geliştirmek için dahil edilmiştir, ancak büyük olasılıkla kendi amaçlarınız için uygun değildirler.
Örnekler
Örneklerimizi indirip incelemek isterseniz, hali hazırda oluşturulmuş örneklere göz atabilirsiniz:
jsDelivr
Bootstrap'in derlenmiş CSS ve JS'sinin önbelleğe alınmış sürümünü projenize sunmak için jsDelivr ile indirme işlemini atlayın .
<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>
Derlenmiş JavaScript'imizi kullanıyorsanız ve Popper'ı ayrı olarak dahil etmeyi tercih ediyorsanız, Popper'ı tercihen bir CDN aracılığıyla JS'mizden önce ekleyin.
<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>
Paket yöneticileri
En popüler paket yöneticilerinden bazılarıyla Bootstrap'in kaynak dosyalarını hemen hemen her projeye çekin. Paket yöneticisi ne olursa olsun, Bootstrap, resmi derlenmiş sürümlerimizle eşleşen bir kurulum için bir Sass derleyicisi ve Otomatik Ön Düzeltici gerektirir .
npm
Bootstrap'i Node.js destekli uygulamalarınıza npm paketiyle yükleyin :
npm install bootstrap
require('bootstrap')
tüm Bootstrap jQuery eklentilerini jQuery nesnesine yükleyecektir. Modülün bootstrap
kendisi hiçbir şey dışa aktarmaz. /js/*.js
Paketin üst düzey dizini altındaki dosyaları yükleyerek Bootstrap'in jQuery eklentilerini tek tek manuel olarak yükleyebilirsiniz .
Bootstrap's package.json
, aşağıdaki anahtarların altında bazı ek meta veriler içerir:
sass
- Bootstrap'in ana Sass kaynak dosyasının yolustyle
- varsayılan ayarlar kullanılarak önceden derlenmiş olan Bootstrap'in küçültülmemiş CSS'sine giden yol (özelleştirme yok)
iplik
Node.js destekli uygulamalarınıza iplik paketiyle Bootstrap yükleyin :
yarn add bootstrap
RubyGems
Bundler ( önerilir ) ve RubyGems kullanarak Ruby uygulamalarınıza Bootstrap'i aşağıdaki satırı ekleyerek yükleyin Gemfile
:
gem 'bootstrap', '~> 4.6.2'
Alternatif olarak, Bundler kullanmıyorsanız, şu komutu çalıştırarak gem'i yükleyebilirsiniz:
gem install bootstrap -v 4.6.2
Daha fazla ayrıntı için mücevherin README'sine bakın.
Besteci
Ayrıca Composer kullanarak Bootstrap's Sass ve JavaScript'i yükleyebilir ve yönetebilirsiniz :
composer require twbs/bootstrap:4.6.2
NuGet
.NET'te geliştirme yapıyorsanız, NuGet kullanarak Bootstrap'in CSS'sini veya Sass ve JavaScript'i de yükleyebilir ve yönetebilirsiniz :
Install-Package bootstrap
Install-Package bootstrap.sass