INF.04Aplikacje Webowe (Frontend & Backend)
Framework CSS Bootstrap
Popularny framework CSS ułatwiający tworzenie responsywnych stron internetowych (RWD) w oparciu o 12-kolumnowy system siatki (Grid System) i gotowe komponenty.
12-kolumnowy system siatki (Grid):
Kontener (.container) zawiera wiersze (.row), a wiersze dzielą się na kolumny (.col-*), których suma w jednym wierszu wynosi 12.
HTML
<div class="container">
<div class="row">
<div class="col-md-8">Główna treść (8/12)</div>
<div class="col-md-4">Panel boczny (4/12)</div>
</div>
</div>Punkty przełamania (Breakpoints):
col- (ekrany <576px), col-sm- (>=576px), col-md- (>=768px), col-lg- (>=992px), col-xl- (>=1200px).
Chcesz sprawdzić to pojęcie w praktyce?
Przeszukaj pytania z oficjalnych arkuszy CKE powiązane z hasłem Framework CSS Bootstrap lub rozpocznij trening.