Polski frontend

Będę Programistką

Wstęp do Bootstrapa 4 – Kontenery w Bootstrapie

Dzisiaj opowiem Ci o kontenerach w Bootstrapie. Ten wpis jest kontynuacją poprzednich wpisów na temat Bootstrapa: Wstęp do Bootstrapa 4 Wstęp do Bootstrapa 4 – Jak podpiąć pliki do projektu   Kontenery w Boostrapie   Bootstrap 4 oparty jest na Flexboxie. Kontenery, czyli siatka, są niezbędnymi elementami do zbudowania responsywnej strony internetowej. Używamy je za każdym razem, gdy tworzymy nową sekcję w naszym projekcie. Bootstrap przygotował 2 rodzaje kontenerów .container i .container-fluid.   .container   Jest to siatka, która posiada maksymalną szerokość 1140px. To siatka, która nie rozciąga się na cały ekran. Jest wyśrodkowany i posiada boczne marginesy. Klasa .container ma różną szerokość, w zależności od rozdzielczości ekranu. Szerokość 1140px przyjmuje dla urządzeń o rozdzielczości większej bądź równej 1200px. Dla urządzeń o rozdzielczości do 992px przyjmuje maksymalną szerokość 960px, dla urządzeń o rozdzielczości do 768px przyjmuje maksymalną szerokość 720px. A dla urządzeń o rozdzielczości większej bądź równej 576px przyjmuje maksymalną szerokość 540px. Dla urządzeń o mniejszych rozdzielczościach, szerokość jest ustawiana na auto.   Aby go użyć należy stworzyć <div> z klasą .container, a wewnątrz <div> umieścić treść strony w naszym przykładzie kilka tagów <p>.   [crayon-5b86641bdcaed019805230/]     .container-fluid   Ten rodzaj siatki rozciąga się na całą szerokość ekranu. Jest […]

Artykuł Wstęp do Bootstrapa 4 – Kontenery w Bootstrapie pochodzi z serwisu .