Clearfix

Sprawdź najnowszą wersję komponentu clearfix zbudowaną na podstawie Bootstrapa 5. Kliknij tutaj aby zobaczyć przykłady oraz dowiedzieć się jak z nich skorzystać. Stosowanie właściwości float może powodować problemy z poprawnym wyświetlaniem elementów, które ją posiadają. Przykładowo poniżej mamy tekst oraz obrazek, zamknięte w divie z tłem. Jednak z powodu zastosowania float „wyszły” one z tego […]

Display

Sprawdź najnowszą wersję komponentu display zbudowaną na podstawie Bootstrapa 5. Kliknij tutaj aby zobaczyć przykłady oraz dowiedzieć się jak z nich skorzystać. W tym wpisie poznamy klasy, które pozwalają nam zmieniać sposób wyświetlania elementu. Jak wiecie dzięki właściwości display: CSS możemy definiować by element wyświetlał się między innymi blokowo, liniowo, jako element listy czy tabela. […]

Ikona zamykania / Close icon

Sprawdź najnowszą wersję ikony zamykania zbudowaną na podstawie Bootstrapa 5. Kliknij tutaj aby zobaczyć przykłady oraz dowiedzieć się jak z nich skorzystać. Gdy tworzymy na przykład modal to dobrze umieścić w nim ikonę do zamykania. W Bootstrapie jest ona bardzo prosta do uzyskania. Wystarczy, że stworzymy button i umieścmy w nim encję HTML times;.

Kolory / Colors

Sprawdź jak implementować kolory w najnopwszej wersji Bootstrapa 5. Kliknij tutaj aby zobaczyć przykłady oraz dowiedzieć się jak z nich skorzystać. Czytając pozostałe wpisy na pewno natknęliście się na kolory zaimplementowane w Bootstrap. Z pomocą klas możemy zmieniać kolory tekstu, linków, buttonów, nadawać kolory teł itp. Kolor tekstu Dla tekstu mamy przygotowane kilkanaście klas. Nie […]

Ramki / Borders

Sprawdź najnowszą wersję komponentu borders zbudowaną na podstawie Bootstrapa 5. Kliknij tutaj aby zobaczyć przykłady oraz dowiedzieć się jak z nich skorzystać. Prócz gotowych elementów Bootstrap zawiera także wiele małych narzędzi ułatwiających budowanie layoutu stron. Są to zwykle klasy robiące bardzo proste rzeczy jak wyrównanie tekstu czy dodanie ramek. Podstawowy przykład Aby dodać poszczególne ramki […]

Umieszczanie YouTube / Embeds

Twórz responsywne wideo lub obrazy i skaluj się na dowolnym urządzeniu dzięki komponentowi embeds w najnowszej wersji Bootstrapa 5. Kliknij tutaj aby zobaczyć przykłady oraz dowiedzieć się jak z nich skorzystać. Na naszych stronach możemy umieszczać video z Youtube czy Vimeo. Ale możemy także umieszczać elementy innych stron lub jakieś widżety z pomocą iframe. Bootstrap […]