BootstrapŚciągawka

Ściągawka RTL

Zawartość

Typografia

Dokumentacja

Wyświetlacz 1

Wyświetlacz 2

Wyświetlacz 3

Wyświetlacz 4

Wyświetlacz 5

Wyświetlacz 6

Nagłówek 1

Nagłówek 2

Nagłówek 3

Nagłówek 4

Nagłówek 5

Nagłówek 6

To jest główny akapit. Wyróżnia się od zwykłych akapitów.

Możesz użyć znacznika znaku, abyatrakcjatekst.

Ten wiersz tekstu ma być traktowany jako tekst usunięty.

Ta linia tekstu ma być traktowana jako nieaktualna.

Ta linia tekstu ma być traktowana jako dodatek do dokumentu.

Ten wiersz tekstu zostanie wyświetlony jako podkreślony.

Ta linia tekstu ma być traktowana jako drobny druk.

Ta linia jest renderowana jako tekst pogrubiony.

Ten wiersz jest renderowany jako tekst pisany kursywą.

Dobrze znany cytat zawarty w elemencie blockquote.

Ktoś sławny w tytule źródła
  • To jest lista.
  • Wygląda na zupełnie niestylizowane.
  • Strukturalnie to wciąż lista.
  • Jednak ten styl dotyczy tylko bezpośrednich elementów podrzędnych.
  • Listy zagnieżdżone:
    • nie ma wpływu na ten styl
    • nadal będzie pokazywać punktor
    • i mieć odpowiedni lewy margines
  • W niektórych sytuacjach może się to przydać.
  • To jest pozycja na liście.
  • I kolejny.
  • Ale są wyświetlane w tekście.

Obrazy

Dokumentacja
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

Stoły

Dokumentacja
# Pierwszy Ostatni Uchwyt
1 Ocena Otto @mdo
2 Jakub Thornton @tłuszcz
3 Larry ptak @świergot
# Pierwszy Ostatni Uchwyt
1 Ocena Otto @mdo
2 Jakub Thornton @tłuszcz
3 Larry ptak @świergot
Klasa Nagłówek Nagłówek
Domyślna Komórka Komórka
Podstawowy Komórka Komórka
Wtórny Komórka Komórka
Powodzenie Komórka Komórka
Zagrożenie Komórka Komórka
Ostrzeżenie Komórka Komórka
Informacje Komórka Komórka
Światło Komórka Komórka
Ciemny Komórka Komórka
# Pierwszy Ostatni Uchwyt
1 Ocena Otto @mdo
2 Jakub Thornton @tłuszcz
3 Larry ptak @świergot

Figury

Dokumentacja
Placeholder 400x300
Podpis do powyższego obrazu.

Formularze

Przegląd

Dokumentacja
Nigdy nie udostępnimy Twojego e-maila nikomu innemu.
Przyciski radia

Formularze dla osób niepełnosprawnych

Dokumentacja
Wyłączone przyciski radia

Rozmiary

Dokumentacja

Grupa wejść

Dokumentacja
@
@example.com
https://example.com/użytkownicy/
$ 0,00
Z obszarem tekstowym

Walidacja

Dokumentacja
Wygląda dobrze!
Wygląda dobrze!
@
Wybierz nazwę użytkownika.
Podaj prawidłowe miasto.
Wybierz prawidłowy stan.
Podaj poprawny zip.
Musisz wyrazić zgodę przed przesłaniem.

składniki

Akordeon

Dokumentacja

To jest korpus akordeonu pierwszego elementu. Jest on domyślnie ukryty, do momentu, gdy wtyczka zwinięcia doda odpowiednie klasy, których używamy do stylizacji każdego elementu. Te klasy kontrolują ogólny wygląd, a także pokazywanie i ukrywanie za pomocą przejść CSS. Możesz modyfikować to wszystko za pomocą niestandardowego CSS lub nadpisując nasze domyślne zmienne. Warto również zauważyć, że prawie każdy kod HTML może przejść do .accordion-body, chociaż przejście ogranicza przepełnienie.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

To jest korpus akordeonu trzeciego elementu. Jest on domyślnie ukryty, do momentu, gdy wtyczka zwinięcia doda odpowiednie klasy, których używamy do stylizacji każdego elementu. Te klasy kontrolują ogólny wygląd, a także pokazywanie i ukrywanie za pomocą przejść CSS. Możesz modyfikować to wszystko za pomocą niestandardowego CSS lub nadpisując nasze domyślne zmienne. Warto również zauważyć, że prawie każdy kod HTML może przejść do .accordion-body, chociaż przejście ogranicza przepełnienie.

Alerty

Dokumentacja

Odznaka

Dokumentacja

Przykładowy nagłówekNowy

Przykładowy nagłówekNowy

Przykładowy nagłówekNowy

Przykładowy nagłówekNowy

Przykładowy nagłówekNowy

Przykładowy nagłówekNowy

Przykładowy nagłówekNowy

Przykładowy nagłówekNowy

Podstawowy Wtórny Powodzenie Zagrożenie Ostrzeżenie Informacje Światło Ciemny

guziki

Dokumentacja

Karta

Dokumentacja
Placeholder Image cap
Tytuł karty

Krótki przykładowy tekst do zbudowania na tytule karty i uzupełnienia większości treści karty.

Iść gdzieś
Wyróżniony
Tytuł karty

Krótki przykładowy tekst do zbudowania na tytule karty i uzupełnienia większości treści karty.

Iść gdzieś
Tytuł karty

Krótki przykładowy tekst do zbudowania na tytule karty i uzupełnienia większości treści karty.

  • Przedmiot
  • Druga pozycja
  • Trzeci element
Placeholder Image
Tytuł karty

To jest szersza karta z tekstem pomocniczym poniżej jako naturalnym wprowadzeniem do dodatkowej zawartości. Ta treść jest trochę dłuższa.

Ostatnia aktualizacja 3 minuty temu

Popovery

Dokumentacja

Szpieg przewijania

Dokumentacja

Pierwszy nagłówek

To jest zawartość zastępcza dla strony scrollspy. Zwróć uwagę, że podczas przewijania strony podświetlany jest odpowiedni link nawigacyjny. Jest to powtórzone w całym przykładzie komponentu. Wciąż dodajemy tutaj więcej przykładowych kopii, aby podkreślić przewijanie i podświetlanie.

Drugi nagłówek

To jest zawartość zastępcza dla strony scrollspy. Zwróć uwagę, że podczas przewijania strony podświetlany jest odpowiedni link nawigacyjny. Jest to powtórzone w całym przykładzie komponentu. Wciąż dodajemy tutaj więcej przykładowych kopii, aby podkreślić przewijanie i podświetlanie.

Trzeci nagłówek

To jest zawartość zastępcza dla strony scrollspy. Zwróć uwagę, że podczas przewijania strony podświetlany jest odpowiedni link nawigacyjny. Jest to powtórzone w całym przykładzie komponentu. Wciąż dodajemy tutaj więcej przykładowych kopii, aby podkreślić przewijanie i podświetlanie.

Czwarty nagłówek

To jest zawartość zastępcza dla strony scrollspy. Zwróć uwagę, że podczas przewijania strony podświetlany jest odpowiedni link nawigacyjny. Jest to powtórzone w całym przykładzie komponentu. Wciąż dodajemy tutaj więcej przykładowych kopii, aby podkreślić przewijanie i podświetlanie.

Piąty nagłówek

To jest zawartość zastępcza dla strony scrollspy. Zwróć uwagę, że podczas przewijania strony podświetlany jest odpowiedni link nawigacyjny. Jest to powtórzone w całym przykładzie komponentu. Wciąż dodajemy tutaj więcej przykładowych kopii, aby podkreślić przewijanie i podświetlanie.

Błystki

Dokumentacja
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...
Ładowanie...

Tosty

Dokumentacja

Podpowiedzi

Dokumentacja