Ana içeriğe geç Dokümanlar navigasyonuna atla
in English

Özelleştirme

Bootstrap ile Sass'ı nasıl temalayacağınızı, özelleştireceğinizi ve genişleteceğinizi, bir tekne dolusu global seçenek, kapsamlı bir renk sistemi ve daha fazlasını öğrenin.

küstah Değişkenlerden, haritalardan, karışımlardan ve işlevlerden yararlanmak için kaynak Sass dosyalarımızı kullanın.
Seçenekler Genel CSS tercihlerini kolayca değiştirmek için Bootstrap'i yerleşik değişkenlerle özelleştirin.
Renk Tüm araç setini destekleyen renk sistemleri hakkında bilgi edinin ve bunları özelleştirin.
Bileşenler Temel ve değiştirici sınıflarla, neredeyse tüm bileşenlerimizi duyarlı bir şekilde nasıl oluşturduğumuzu öğrenin.
CSS değişkenleri Hızlı ve ileriye dönük tasarım ve geliştirme için Bootstrap'in CSS özel özelliklerini kullanın.
optimize et En iyi deneyimi sunabilmeniz için projelerinizi yalın, duyarlı ve sürdürülebilir tutun.

genel bakış

Bootstrap'i özelleştirmenin birden çok yolu vardır. En iyi yolunuz projenize, derleme araçlarınızın karmaşıklığına, kullandığınız Bootstrap sürümüne, tarayıcı desteğine ve daha fazlasına bağlı olabilir.

Tercih edilen iki yöntemimiz:

  1. Kaynak dosyalarımızı kullanabilmeniz ve genişletebilmeniz için Bootstrap'i paket yöneticisi aracılığıyla kullanma.
  2. Bootstrap'in stillerini eklemek veya geçersiz kılmak için Bootstrap'in derlenmiş dağıtım dosyalarını veya jsDelivr'i kullanma.

Burada her paket yöneticisinin nasıl kullanılacağına dair ayrıntılara giremesek de, Bootstrap'ı kendi Sass derleyicinizle kullanma konusunda bazı rehberlik sağlayabiliriz .

Dağıtım dosyalarını kullanmak isteyenler , bu dosyaların nasıl dahil edileceğine ilişkin başlangıç ​​sayfasını ve örnek bir HTML sayfasını inceleyin. Buradan, kullanmak istediğiniz düzen, bileşenler ve davranışlar için dokümanlara bakın.

Bootstrap'a alıştıkça, global seçeneklerimizi nasıl kullanacağınız, renk sistemimizi nasıl kullanacağınız ve değiştireceğimiz, bileşenlerimizi nasıl oluşturduğumuz, büyüyen CSS özel özellikleri listemizi nasıl kullanacağınız ve bunun nasıl yapılacağı hakkında daha fazla ayrıntı için bu bölümü keşfetmeye devam edin. Bootstrap ile oluştururken kodunuzu optimize etmek için.

CSP'ler ve yerleşik SVG'ler

Çeşitli Bootstrap bileşenleri, bileşenleri tarayıcılar ve cihazlar arasında tutarlı ve kolay bir şekilde biçimlendirmek için CSS'mize gömülü SVG'ler içerir. Daha katı CSP yapılandırmalarınabackground-image sahip kuruluşlar için, seçeneklerinizi daha kapsamlı bir şekilde gözden geçirebilmeniz için yerleşik SVG'lerimizin (tümü aracılığıyla uygulanır) tüm örneklerini belgeledik .

Topluluk görüşmesine dayalı olarak , bunu kendi kod tabanınızda ele almak için bazı seçenekler arasında URL'lerin yerel olarak barındırılan varlıklarla değiştirilmesi, görüntülerin kaldırılması ve satır içi görüntülerin kullanılması (tüm bileşenlerde mümkün değildir) ve CSP'nizin değiştirilmesi yer alır. Tavsiyemiz, kendi güvenlik politikalarınızı dikkatlice gözden geçirmeniz ve gerekirse ileriye dönük en iyi yola karar vermenizdir.