Ana içeriğe geç

Örnekler

Çerçevenin parçalarını kullanmaktan özel bileşenlere ve düzenlere kadar uzanan örneklerimizden herhangi biriyle hızla bir projeye başlayın.

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

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

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 ç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 özelliği hala deneyseldir ve muhtemelen kullanıcı geri bildirimlerine göre gelişecektir. Bir şey mi gördünüz veya önereceğiniz bir gelişme var mı? Bir konu açın , görüşlerinizi almak isteriz.

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
Önyükleme Temaları