İndirmek

Derlenmiş CSS ve JS

Aşağıdakileri içeren, projenize kolayca dahil etmek için Bootstrap v5.0.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 Popper gibi isteğe bağlı JavaScript bağımlılıklarını içermez.

İndirmek

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.

Kaynağı indir

Örnekler

Örneklerimizi indirip incelemek isterseniz, hali hazırda oluşturulmuş örneklere göz atabilirsiniz:

Örnekleri İndir

jsDelivr aracılığıyla CDN

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 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>

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/@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>

Paket yöneticileri

En popüler paket yöneticilerinden bazılarıyla Bootstrap'in kaynak dosyalarını hemen hemen her projeye ekleyin. 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

const bootstrap = require('bootstrap')veya import bootstrap from 'bootstrap'tüm Bootstrap eklentilerini bir bootstrapnesneye yükler. Modülün bootstrapkendisi tüm eklentilerimizi dışa aktarır. /js/dist/*.jsDosyaları paketin üst düzey dizini altına yükleyerek Bootstrap 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 yolu
• style- varsayılan ayarlar kullanılarak önceden derlenmiş olan Bootstrap'in küçültülmemiş CSS'sine giden yol (özelleştirme yok)

iplik

Bootstrap'i , iplik paketiyle Node.js destekli uygulamalarınıza yükleyin :

yarn add bootstrap

RubyGems

Bundler ( önerilen ) ve RubyGems'i kullanarak Ruby uygulamalarınıza Bootstrap'i aşağıdaki satırı ekleyerek yükleyin Gemfile:

gem 'bootstrap', '~> 5.0.2'

Alternatif olarak, Bundler kullanmıyorsanız, şu komutu çalıştırarak gem'i yükleyebilirsiniz:

gem install bootstrap -v 5.0.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:5.0.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