snippet'ler
Özel CSS ve daha fazlasıyla mevcut bileşenleri ve yardımcı programları temel alan siteler ve uygulamalar oluşturmaya yönelik ortak kalıplar.
Başlıklar
Bu başlık bileşenleriyle markanızı, gezinmenizi, aramanızı ve daha fazlasını görüntüleyin
kahramanlar
Net harekete geçirici mesajlar içeren kahramanlarla ana sayfanızdaki sahneyi ayarlayın.
Özellikler
Pazarlama içeriğinizdeki özellikleri, faydaları veya diğer ayrıntıları açıklayın.
Kenar çubukları
Tuval dışı veya çok sütunlu düzenler için ideal ortak gezinme kalıpları.
Altbilgiler
Her sayfayı büyük veya küçük harika bir altbilgi ile güçlü bir şekilde bitirin.
açılır menüler
Filtreler, simgeler, özel stiller ve daha fazlasıyla açılır listelerinizi geliştirin.
Liste grupları
Herhangi bir içerik için yardımcı programlar ve özel stiller ile liste gruplarını genişletin.
modlar
Özellik turlarından diyaloglara kadar herhangi bir amaca hizmet etmek için modları dönüştürün.
Özel Bileşenler
Kullanıcıların Bootstrap'i hızlı bir şekilde kullanmaya başlamasına ve çerçeveye eklemek için en iyi uygulamaları göstermesine yardımcı olacak yepyeni bileşenler ve şablonlar.
Albüm
Fotoğraf galerileri, portföyler ve daha fazlası için tek sayfalık basit şablon.
fiyatlandırma
Kartlarla oluşturulmuş ve özel bir üstbilgi ve altbilgi içeren örnek fiyatlandırma sayfası.
Ödeme
Form bileşenlerimizi ve bunların doğrulama özelliklerini gösteren özel ödeme formu.
Ürün
Kapsamlı ızgara ve imaj çalışması içeren yalın ürün odaklı pazarlama sayfası.
Örtmek
Basit ve güzel ana sayfalar oluşturmak için tek sayfalık bir şablon.
atlıkarınca
Gezinme çubuğunu ve karuseli özelleştirin, ardından bazı yeni bileşenler ekleyin.
Blog
Başlık, gezinme, özellikli içerik içeren blog şablonu gibi dergi.
Gösterge Paneli
Sabit kenar çubuğu ve gezinme çubuğu ile temel yönetici panosu kabuğu.
Kayıt olmak
Basit bir oturum açma formu için özel form düzeni ve tasarımı.
Yapışkan altbilgi
Sayfa içeriği kısa olduğunda görünümün altına bir altbilgi ekleyin.
Yapışkan altbilgi gezinme çubuğu
Sabit bir üst gezinme çubuğu ile görünümün altına bir altbilgi ekleyin.
Jumbotron
Bootstrap 4'ün jumbotronunu yeniden oluşturmak ve geliştirmek için yardımcı programları kullanın.
Çerçeve
Bootstrap tarafından sağlanan yerleşik bileşenlerin kullanımlarının uygulanmasına odaklanan örnekler.
Başlangıç şablonu
Temel bilgiler dışında hiçbir şey: derlenmiş CSS ve JavaScript.
Kafes
Dört katmanın tümü, iç içe yerleştirme ve daha fazlasıyla birden çok ızgara düzeni örneği.
Kopya kağıdı
Bootstrap bileşenlerinin mutfak lavabosu.
Hile sayfası RTL
Bootstrap bileşenlerinin mutfak lavabosu, RTL.
gezinme çubukları
Varsayılan gezinme çubuğu bileşenini alıp nasıl taşınabileceğini, yerleştirilebileceğini ve genişletilebileceğini gösteriyor.
gezinme çubukları
Gezinme çubuğu için tüm duyarlı ve kapsayıcı seçeneklerinin gösterilmesi.
Gezinme çubukları tuval dışı
Navbars örneğiyle aynı, ancak tuval dışı bileşenimizle.
gezinme çubuğu statik
Bazı ek içeriklerle birlikte statik bir üst gezinme çubuğunun tek gezinme çubuğu örneği.
Gezinme çubuğu sabit
Bazı ek içeriklerle birlikte sabit bir üst gezinme çubuğuna sahip tek gezinme çubuğu örneği.
Gezinme çubuğunun alt kısmı
Bazı ek içeriğin yanı sıra alt gezinme çubuğuna sahip tek gezinme çubuğu örneği.
tuval dışı gezinme çubuğu
Genişletilebilir gezinme çubuğunuzu kayan bir tuval dışı menüye dönüştürün (tuval dışı bileşenimizi kullanmaz).
sağdan sola
Bu değiştirilmiş Özel Bileşen örnekleriyle Bootstrap'in RTL sürümünü çalışırken görün.
RTL hala deneyseldir ve geri bildirimle gelişecektir. Bir şey mi gördünüz veya önereceğiniz bir gelişme var mı?
Albüm RTL'si
Fotoğraf galerileri, portföyler ve daha fazlası için tek sayfalık basit şablon.
Ödeme RTL'si
Form bileşenlerimizi ve bunların doğrulama özelliklerini gösteren özel ödeme formu.
atlıkarınca RTL
Gezinme çubuğunu ve karuseli özelleştirin, ardından bazı yeni bileşenler ekleyin.
Blog RTL'si
Başlık, gezinme, özellikli içerik içeren blog şablonu gibi dergi.
Pano RTL'si
Sabit kenar çubuğu ve gezinme çubuğu ile temel yönetici panosu kabuğu.
Entegrasyonlar
Harici kütüphanelerle entegrasyonlar.
duvarcılık
Bootstrap ızgarasının ve Masonry düzeninin güçlerini birleştirin.
Bootstrap Temaları ile daha ileri gidin
Bu örneklerden daha fazlasına mı ihtiyacınız var? Resmi Bootstrap Temaları pazarından premium temalarla Bootstrap'i bir sonraki seviyeye taşıyın . Yeni bileşenler ve eklentiler, belgeler ve güçlü oluşturma araçlarıyla zengin, kendi genişletilmiş çerçeveleri olarak oluşturulmuştur.
Temalara göz atın