wbst

To podejście w projektowaniu stron internetowych, które zakłada, że witryna lub aplikacja internetowa powinna wyświetlać się poprawnie i działać efektywnie na wszystkich ekranach i urządzeniach - niezależnie od rozmiaru ekranu, producenta czy modelu.

• Projektowanie responsywne

• Projektowanie mobilne

• Projektowanie interaktywne

• Projektowanie obiektowe

Dlaczego warto używać Bootstrapa? Która odpowiedź jest fałszywa?

• • Zwiększona szybkość tworzenia

• • Kompatybilność z różnymi przeglądarkami

• • Wysokie standardy dostępności

• Mało opcji dostosowania

Programista może zastosować framework Bootstrap w celu implementacji aplikacji:

• typu front-end

• desktopowej

• mobilnej

• typu back-end

Najbardziej podstawowe elementy układu w Bootstrapie.

• Komponenty

• Kontenery

• Siatka

• Bloki

Wyzwalacze, które określają, jak układ responsywny zmienia się w zależności od rozmiaru urządzenia lub widoku.

• Kontenery

• Punkty przerwania (breakpoints)

• Rozmiary ekranu

• Punkty ekranu

Siatka Bootstrapa pozwala dodawać do ______ w jednej linii.

• 9 kolumn

• 10 kolumn

• 11 kolumn

• 12 kolumn

1. Jakiej klasy należy użyć by:

2. - na ekranach mniejszych niż 768 pikseli chcę, aby ta kolumna rozciągnęła się na pełną szerokość

3. - na ekranach większych niż 768 pikseli chcę, aby ta kolumna miała szerokość 4 jednostek

• col-sm-4

• col-md-4

• col-lg-4

• col-xl-4

1. Jakiej klasy należy użyć by:

2. - na ekranach mniejszych niż 992 pikseli chcę, aby ta kolumna rozciągnęła się na pełną szerokość

3. - na ekranach większych niż 992 pikseli chcę, aby ta kolumna miała szerokość 4 jednostek

• col-sm-4

• col-md-4

• col-lg-4

• col-xl-4

Klasa, która definiuje podstawowe właściwości przycisku i jest obecna w każdym przycisku, niezależnie od jego typu.

• button-primary

• button

• btn

• btn-primary

Klasa, która dostarcza podstawowy styl i zachowanie dla komponentu z menu nawigacyjnym.

• navbar

• nav

• navbar-light

• nav-light