Przejdź do głównej zawartości
Jest nowsza wersja Bootstrap 4!

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.

Pobierz kod źródłowy

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.

Zrzut ekranu albumu
Album

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

Zrzut ekranu cen
cennik

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

Zrzut ekranu kasy
Wymeldować się

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

Zrzut ekranu produktu
Produkt

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

Zrzut ekranu na okładkę
Pokrywa

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

Zrzut ekranu karuzeli
Karuzela

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

Zrzut ekranu bloga
Blog

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

Zrzut ekranu pulpitu nawigacyjnego
Panel

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

Zrzut ekranu logowania
Zaloguj się

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

Zrzut ekranu przyklejonej stopki
Przyklejona stopka

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

Zrzut ekranu przyklejonego paska nawigacyjnego stopki
Przyklejony pasek nawigacyjny stopki

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

Struktura

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

Zrzut ekranu szablonu startowego
Szablon startowy

Tylko podstawy: skompilowany CSS i JavaScript.

Zrzut ekranu siatki
Krata

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

Zrzut ekranu Jumbotron
Jumbotron

Buduj wokół jumbotronu za pomocą paska nawigacyjnego i kilku podstawowych kolumn siatki.

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

Zrzut ekranu z paskami nawigacyjnymi
Paski nawigacyjne

Demonstracja wszystkich responsywnych i kontenerowych opcji paska nawigacyjnego.

Zrzut ekranu statycznego paska nawigacyjnego
Statyczny pasek nawigacyjny

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

Naprawiono zrzut ekranu paska nawigacyjnego
Naprawiono pasek nawigacyjny

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

Dolny zrzut ekranu paska nawigacyjnego
Dno paska nawigacyjnego

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

Eksperymenty

Przykłady, które koncentrują się na przyszłych funkcjach lub technikach.

Zrzut ekranu pływających etykiet
Pływające etykiety

Pięknie proste formularze z pływającymi etykietami nad danymi wejściowymi.

Zrzut ekranu Offcanva
Offcanvas

Zmień rozwijany pasek nawigacyjny w wysuwane menu na płótnie.