Mevcut bir konfigürasyona mı sahipsin? İçe aktarmak için config.json dosyasını yükle.

Buraya sürükleyip bırakın veya .


Sende bu dosya yok mu? Sorun değil, aşağıdaki alanları özelleştirerek hemen başlayabilirsin.

Less dosyaları

Sana özel Bootstrap derlemesinde kullanmak istediğin Less dosyalarını seç. Hangi dosyaları seçeceğinden emin değil misin? CSS ve Bileşenler dokümantasyonlarını okuyabilirsin.

Ortak CSS

Bileşenler

JavaScript bileşenleri

jQuery eklentileri

Sana özel JavaScript dosyalarında yer alacak jQuery eklentilerini seç. Hangilerini dahil edeceğinden emin değil misin? JavaScript dokümantasyonunu okuyabilirsin.

Bileşenler ile ilgili

Magic

İki dosya üretir

Tüm seçili eklentiler derlenerek okunabilir bootstrap.js ve küçültülmüş bootstrap.min.js dosyaları oluşur. Üretim ortamında küçültülmüş sürümü kullanmanızı tavsiye ederiz.

jQuery gereklidir

Tüm eklentiler, jQuery'nin son sürümünün dahil edilmesini gerektirir.

Less değişkenleri

Renkleri, boyutları ve sana özel CSS stillerini tanımlamak için Less değişkenlerini özelleştirin.

Renkler

Bootstrap genel kullanımındaki gri ve marka renkleri.

Scaffolding

En genel stillerin bazıları için ayarlar.

<body> için arka plan rengi.

<body> için genel metin rengi.

Tipografi

Gövde metni, başlık ve fazlası için font, line-height ve renk ayarlamaları.

<code>, <kbd> ve <pre> için varsayılan eşit aralıklı font.

Düğme gibi bileşenlerde kullanılan birimsiz line-height.

margin, padding, vb. ile kullanılan hesaplanmış "line-height" (font-size * line-height).

Varsayılan olarak, <body>'den kalıtılır.

İkonografi

Dahil edilmiş Glyphicon simge fontu için lokasyon ve dosya adı bilgisi belirtin. Bower aracılığıyla Bootstrap için kullanışlıdır.

Bu klasörden font'ları yükle.

Tüm font dosyaları için dosya adları.

SVG simge dosyası içindeki element kimliği (ID).

Bileşenler

Genel iç kenar boşluğu, kenarlık yarıçapı ve daha fazlasını tanımlayın. Değerler, 14px metin ve 1.428 satır yüksekliğine (başlamak için ~20px) göre baz alınmıştır.

Aktif maddeler (mesela nav veya dropdown) için genel renk.

Aktif maddeler (mesela nav veya dropdown) için genel arkaplan rengi.

Dropdown göstergesi olan çizgileri oluşturmak için kullanılan border'ın kalınlığı.

İşaretçiler daha büyük bileşenlerde boyut olarak biraz artamaktadır.

Tablolar

Temel değerleriyle .table bileşenini özelleştirin, her biri tüm tablo varyasyonlarında kullanılmaktadır.

<th> ve <td>'ler için iç kenar boşluğu.

.table-condensed içindeki hücrelerin iç kenar boşluğu.

Tüm tablolar için kullanılan varsayılan arkaplan rengi.

.table-striped için kullanılan arkaplan rengi.

.table-hover için kullanılan arkaplan rengi.

Tablo ve hücre kenarlıkları için kenarlık rengi.

Düğmeler

Bootstrap'in düğmelerinin her biri için tanımlama metni, arkaplan ve kenarlık rengi.

Form elementleri

<input> arkaplan rengi

<input disabled> arkaplan rengi

<input> metin rengi

<input> kenarlık rengi

Varsayılan .form-control kenarlık yarıçapı

Geniş .form-control kenarlık yarıçapı

Küçük .form-control border radius

Odaklanmış <input>'ların kenarlık rengi

Yer imi (placeholder) metin rengi

Varsayılan .form-control yüksekliği

Geniş .form-control yüksekliği

Küçük .form-control yüksekliği

.form-group dış kenar boşluğu

Metinsel girdi addon'ları için arkaplan rengi

Metinsel girdi addon'ları için kenarlık rengi

Form kontrolleri ve düğmeler için engellenmiş imleç.

Dropdown menü taşıyıcı ve içerikleri.

Dropdown menü için arkaplan.

Dropdown menü border-color.

IE8 için dropdown menü border-color.

Dropdown maddeleri arasındaki ayırıcı renk.

Dropdown menü içindeki başlıklar için metin rengi.

v3.1.0 ile devre dışı kalmış @dropdown-caret-color

Medya sorgularının değişim noktaları

Anahat düzeninin değişeceği değişim noktalarını, farklı ekran boyutlarına uyum sağlayacak şekilde tanımlayın.

v3.0.1 ile devre dışı kalmış @screen-xs

v3.2.0 ile devre dışı kalmış @screen-xs-min

v3.0.1 ile devre dışı kalmış @screen-phone

v3.0.1 ile devre dışı kalmış @screen-sm

v3.0.1 ile devre dışı kalmış @screen-tablet

v3.0.1 ile devre dışı kalmış @screen-md

v3.0.1 ile devre dışı kalmış @screen-desktop

v3.0.1 ile devre dışı kalmış @screen-lg

v3.0.1 ile devre dışı kalmış @screen-lg-desktop

Izgara sistemi

Özelleşmiş duyarlı ızgara sistemini tanımla.

Izgaradaki sütun sayısı.

Sütunlar arasındaki iç kenar boşluğu. Sağ ve sol için ikiye bölünür.

Navigasyon çubuğunun gözükeceği nokta.

Navigasyon çubuğunun sıkışacağı nokta.

Taşıyıcı boyutları

Farklı ekran boyutları için en fazla .container genişliğini tanımlayın.

@screen-sm-min ve yukarısı için.

@screen-md-min ve yukarısı için.

@screen-lg-min ve yukarısı için.

Paylaşılan nav stilleri

Sekmeler

Haplar

Sayfalama

Sayfalayıcı

Jumbotron

Form durumları ve uyarıları

Define colors for form feedback states and, by default, alerts.

Açıklama metinleri

Açıklama metinlerinin maksimum genişliği

Açıklama metinlerinin metin rengi

Açıklama metinlerinin arkaplan rengi

Açıklama metinlerinin okunun genişliği

Açıklama metinlerinin okunun rengi

Açılır bilgi penceresi

Açılır bilgi penceresinin gövdesinin arkaplan rengi

Açılır bilgi penceresinin maksimum genişliği

Açılır bilgi penceresinin kenarlık rengi

Açılır bilgi penceresinin kırınım kenarlık rengi

Açılır bilgi penceresinin başlığının arkaplan rengi

Açılır bilgi penceresinin ok genişliği

Açılır bilgi penceresinin ok rengi

Açılır bilgi penceresinin dış ok genişliği

Açılır bilgi penceresinin dış ok rengi

Açılır bilgi penceresinin dış ok kırınım rengi

Etiketler

Varsayılan etiket arkaplan rengi

Öncelikli etiket arkaplan rengi

Başarılı etiket arkaplan rengi

Bilgi etiket arkaplan rengi

Uyarı etiket arkaplan rengi

Tehlike etiket arkaplan rengi

Varsayılan etiket metin rengi

Modal

Modal'ın gövdesine uygualanacak iç kenar boşluğu

Modal'ın başlığına uygualanacak iç kenar boşluğu

Modal'ın başlığının satır yüksekliği

Modal içerik alanının arkaplan rengi

Modal içeriğinin kenarlık rengi

IE8 için Modal içeriğinin kenarlık rengi

Modal arka fonun arkaplan rengi

Modal arka fonun saydamlığı

Modal başlık kenarlık rengi

Uyarılar

Uyarıların rengini, kenarlık yarıçapını ve iç kenar boşluklarını tanımlayın.

İlerleme çubukları

Tüm süreci belirten bileşenin arkaplan rengi

İlerleme çubuğunun metin rengi

İlerleme çubuğunda yuvarlıklı köşeler yapmak için değişken.

Varsayılan ilerleme çubuğu rengi

Başarılı ilerleme çubuğu rengi

Uyarı ilerleme çubuğu rengi

Tehlike ilerleme çubuğu rengi

Bilgi ilerleme çubuğu rengi

Liste grubu

.list-group-item arkaplan rengi

.list-group-item kenarlık rengi

Liste grubu kenarlık yarıçapı

Tekli liste maddesinin üzerine gelince arkaplan rengi

Aktif liste maddesinin metin rengi

Aktif liste maddesinin arkaplan rengi

Aktif liste maddesinin kenarlık rengi

Aktif liste maddesi içindeki içeriğin metin rengi

Text color of disabled list items

Engellenmiş liste maddesinin metin rengi

Engellenmiş liste maddesi içindeki içeriğin metin rengi

Paneller

Panel içindeki elementlerin kenarlık rengi

Küçük resimler

Küçük resim imajının etrafındaki iç kenar boşluğu

Küçük resim arkaplan rengi

Küçük resim kenarlık rengi

Küçük resim kenarlık yarıçapı

Küçük resim başlıkları için özelleşmiş metin rengi

Küçük resim başlığı etrafındaki iç kenar boşluğu

Well nesneleri

Rozetler

Aktif navigasyon kısayolundaki rozet metin rengi

Aktif navigasyon kısayolundaki rozet arkaplan rengi

Breadcrumb arkaplan rengi

Breadcrumb metin rengi

Breadcrumb'taki mevcut sayfanın metin rengi

Breadcrumb elementleri arasındaki metinsel ayıraç

Kapat

Kod

Tür

Formlar ve listeler için yatay dış kenar boşluğu.

Susturulmuş metin rengi

Kısaltmaların kenarlık rengi

Küçük başlık rengi

Blok alıntı küçük rengi

Blok alıntı font boyutu

Blok alıntı kenarlık rengi

Sayfa başlığı kenarlık rengi

Yatay açıklama liste başlıklarının genişliği

Yatay kenar rengi

İndir

Heyyyy! Sana özel Bootstrap versiyonun derlenmeye hazır. Süreci bitirmek için sadece aşağıdaki düğmeye tıkla.