in English

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

Bu, belgeleri, kaynak dosyaları veya isteğe bağlı JavaScript bağımlılıklarını (jQuery ve Popper) 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:

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

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 bootstrapkendisi hiçbir şey dışa aktarmaz. /js/*.jsPaketin ü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 yolu
  • style- varsayılan ayarlar kullanılarak önceden derlenmiş olan Bootstrap'in küçültülmemiş CSS'sine giden yol (özelleştirme yok)
Başlangıç ​​projemizle npm üzerinden Bootstrap ile başlayın! Bootstrap'i kendi npm projenizde nasıl oluşturacağınızı ve özelleştireceğinizi görmek için twbs/bootstrap-npm-starter şablon deposuna gidin. Sass derleyicisi, Autoprefixer, Stylelint, PurgeCSS ve Bootstrap Simgelerini içerir.

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