Przejdź do głównej zawartości

Przykłady

Szybko rozpocznij projekt, korzystając z dowolnego z naszych przykładów, od używania części frameworka po niestandardowe komponenty i układy.

Fragmenty

Typowe wzorce tworzenia witryn i aplikacji, które opierają się na istniejących komponentach i narzędziach z niestandardowym CSS i nie tylko.

Nagłówki

Wyświetlaj swoją markę, nawigację, wyszukiwanie i nie tylko dzięki tym komponentom nagłówka

Bohaterowie

Przygotuj scenę na swojej stronie głównej dzięki bohaterom, które zawierają wyraźne wezwania do działania.

Cechy

Wyjaśnij funkcje, korzyści lub inne szczegóły w treści marketingowej.

Paski boczne

Typowe wzorce nawigacji idealne dla układów offcanva lub wielokolumnowych.

Komponenty niestandardowe

Zupełnie nowe komponenty i szablony, które pomogą użytkownikom szybko rozpocząć pracę z Bootstrapem i zademonstrować sprawdzone metody dodawania do platformy.

Album

Prosty jednostronicowy szablon do galerii zdjęć, portfolio i nie tylko.

cennik

Przykładowa strona z cenami utworzona za pomocą kart i zawierająca niestandardowy nagłówek i stopkę.

Wymeldować się

Niestandardowy formularz kasy przedstawiający nasze składniki formularza i ich funkcje walidacji.

Produkt

Skoncentrowana na produkcie strona marketingowa z rozbudowaną siatką i obrazami.

Pokrywa

Jednostronicowy szablon do tworzenia prostych i pięknych stron głównych.

Karuzela

Dostosuj pasek nawigacyjny i karuzelę, a następnie dodaj nowe komponenty.

Blog

Magazyn podobny do szablonu bloga z nagłówkiem, nawigacją, polecanymi treściami.

Panel

Podstawowa powłoka deski rozdzielczej administratora ze stałym paskiem bocznym i paskiem nawigacyjnym.

Zaloguj się

Niestandardowy układ i projekt formularza dla prostego formularza logowania.

Przyklejona stopka

Dołącz stopkę na dole widocznego obszaru, gdy zawartość strony jest krótka.

Przyklejony pasek nawigacyjny stopki

Dołącz stopkę do dołu rzutni za pomocą stałego górnego paska nawigacyjnego.

Jumbotron

Użyj narzędzi do odtworzenia i ulepszenia jumbotronu Bootstrap 4.

Struktura

Przykłady, które koncentrują się na implementacji zastosowań wbudowanych komponentów dostarczanych przez Bootstrap.

Szablon startowy

Tylko podstawy: skompilowany CSS i JavaScript.

Krata

Wiele przykładów układów siatki ze wszystkimi czterema warstwami, zagnieżdżaniem i nie tylko.

Ściągawka

Zlewozmywak z elementów Bootstrap.

Ściągawka RTL

Zlewozmywak z elementów Bootstrap, RTL.

Biorąc domyślny komponent paska nawigacyjnego i pokazując, jak można go przesuwać, umieszczać i rozszerzać.

Paski nawigacyjne

Demonstracja wszystkich responsywnych i kontenerowych opcji paska nawigacyjnego.

Statyczny pasek nawigacyjny

Przykład pojedynczego paska nawigacyjnego statycznego górnego paska nawigacyjnego wraz z dodatkową zawartością.

Naprawiono pasek nawigacyjny

Przykład pojedynczego paska nawigacyjnego ze stałym górnym paskiem nawigacyjnym wraz z dodatkową zawartością.

Dno paska nawigacyjnego

Przykład pojedynczego paska nawigacyjnego z dolnym paskiem nawigacyjnym wraz z dodatkową zawartością.

Pasek nawigacyjny Offcanva

Zmień rozwijany pasek nawigacyjny w wysuwane menu offcanvas (nie używa naszego komponentu offcanvas).

RTL

Zobacz wersję RTL Bootstrap w akcji z tymi przykładami zmodyfikowanych komponentów niestandardowych.

Funkcja RTL jest nadal eksperymentalna i prawdopodobnie będzie ewoluować zgodnie z opiniami użytkowników. Zauważyłeś coś lub chcesz zasugerować poprawę? Otwórz zgłoszenie , chętnie poznamy Twoje statystyki.

Album RTL

Prosty jednostronicowy szablon do galerii zdjęć, portfolio i nie tylko.

Kasa RTL

Niestandardowy formularz kasy przedstawiający nasze składniki formularza i ich funkcje walidacji.

Karuzela RTL

Dostosuj pasek nawigacyjny i karuzelę, a następnie dodaj nowe komponenty.

Blog RTL

Magazyn podobny do szablonu bloga z nagłówkiem, nawigacją, polecanymi treściami.

Pulpit nawigacyjny RTL

Podstawowa powłoka deski rozdzielczej administratora ze stałym paskiem bocznym i paskiem nawigacyjnym.

Integracje

Integracje z bibliotekami zewnętrznymi.

Kamieniarstwo

Połącz moc siatki Bootstrap i układu Masonry.


Idź dalej dzięki motywom Bootstrap

Potrzebujesz czegoś więcej niż te przykłady? Przenieś Bootstrap na wyższy poziom dzięki motywom premium z oficjalnego rynku Bootstrap Themes . Są one zbudowane jako własne rozszerzone frameworki, bogate w nowe komponenty i wtyczki, dokumentację i zaawansowane narzędzia do budowania.

Przeglądaj motywy
Motywy Bootstrap