Header one
Header two
Header three
Header four
Header five
Header six
Ikony fontawesome:
Facebook
YouTube
Instagram
Tumblr
Twitter
Linked In
Flickr
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
To jest pierwsza pozycja listy. Lorem ipsum…
To jest druga pozycja listy. Lorem ipsum…
To jest pierwsza pozycja accordiona. Jest domyślnie widoczna, dopóki plugin collapse nie doda odpowiednich klas, których używamy do stylizowania każdego elementu. Te klasy kontrolują ogólny wygląd, jak również pokazywanie i ukrywanie za pomocą przejść CSS. Możesz zmodyfikować to wszystko za pomocą niestandardowego CSS lub nadpisując nasze domyślne zmienne.
To jest druga pozycja accordiona. Jest domyślnie ukryta, dopóki plugin collapse nie doda odpowiednich klas, których używamy do stylizowania każdego elementu. Te klasy kontrolują ogólny wygląd, jak również pokazywanie i ukrywanie za pomocą przejść CSS.
To jest trzecia pozycja accordiona. Jest domyślnie ukryta, dopóki plugin collapse nie doda odpowiednich klas, których używamy do stylizowania każdego elementu. Te klasy kontrolują ogólny wygląd, jak również pokazywanie i ukrywanie za pomocą przejść CSS.
Zawartość dla pierwszego elementu flush accordion. Ten wariant usuwa domyślny border i zaokrąglone rogi.
Zawartość dla drugiego elementu flush accordion.
Zawartość dla trzeciego elementu flush accordion.
W tym accordionie można otworzyć wiele elementów jednocześnie, ponieważ nie ma ustawionego atrybutu data-bs-parent.
Wszystkie elementy mogą być otwarte równocześnie.
Możesz otworzyć wszystkie trzy sekcje jednocześnie.
Ten accordion używa koloru akcentu z ustawień motywu (Customizer → Colors → Accent Color).
Kolor nagłówka zmienia się automatycznie zgodnie z ustawieniami w panelu administracyjnym.
Idealny do zachowania spójności kolorystycznej z resztą motywu.
To jest wiodący akapit (lead paragraph). Wyróżnia się większą czcionką i jest używany do wprowadzenia do treści.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Faucibus porta lacus fringilla vel
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-body
.text-muted
.text-white
.text-white-50
| # | Imię | Nazwisko | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
| # | Imię | Nazwisko | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
| # | Imię | Nazwisko | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
| # | Imię | Nazwisko | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
| # | Imię | Nazwisko | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
| # | Imię | Nazwisko | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
| Klasa | Nagłówek | Nagłówek |
|---|---|---|
| Default | Komórka | Komórka |
| Primary | Komórka | Komórka |
| Secondary | Komórka | Komórka |
| Success | Komórka | Komórka |
| Danger | Komórka | Komórka |
| Warning | Komórka | Komórka |
| Info | Komórka | Komórka |
| Light | Komórka | Komórka |
| Dark | Komórka | Komórka |
| # | Nagłówek | Nagłówek | Nagłówek | Nagłówek | Nagłówek | Nagłówek | Nagłówek | Nagłówek | Nagłówek |
|---|---|---|---|---|---|---|---|---|---|
| 1 | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka |
| 2 | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka |
| 3 | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka | Komórka |
To jest ukryta zawartość, która pojawia się po kliknięciu przycisku. Możesz używać tego komponentu do ukrywania i pokazywania dowolnej treści.
To jest przykład poziomego collapse. Zawartość rozsuwa się w bok zamiast w dół.
## Grid System
### Podstawowa siatka (równe kolumny)
### Siatka z określoną szerokością kolumn
### Responsywne kolumny
### Mix i dopasowanie
### Offsety (przesunięcia)
### Wyrównanie wertykalne
### Wyrównanie horyzontalne
### Zagnieżdżanie
### Auto-layout kolumny
### Gutters (odstępy)
Bez gutters (g-0)
Duże gutters (g-5)
### Row columns
KOD DO OSADZENIA DWÓCH FILMÓW OBOK SIEBIE:
KOD DO OSADZENIA TRZECH FILMÓW OBOK SIEBIE
Link z fotografią zamykamy w blok z klasą image:
