bootstrap

Czym jest responsywność w kontekście tworzenia stron internetowych?
=

• Zestaw mechanizmów, które pozwalają stronie internetowej automatycznie dostosować się do wielkości ekranu.

• Proces tworzenia stron internetowych wyłącznie dla urządzeń mobilnych.

• Metoda, w której każda wersja strony musi być tworzona osobno dla różnych urządzeń.

• Technologie służące do zwiększenia szybkości ładowania stron internetowych.

akie jest główne rozwiązanie stosowane w celu uniknięcia tworzenia osobnych wersji witryny dla różnych urządzeń?

• Tworzenie dwóch oddzielnych witryn.

• Filozofia RWD (Responsive Web Design), czyli tworzenie jednej witryny, która się zmienia.

• Użycie tylko wersji mobilnej strony.

• 
  Używanie wyłącznie wersji desktopowej strony.

Co jest podstawowym elementem struktury witryny w frameworku Bootstrap?

• Responsywna siatka (grid).

• Pojedynczy plik CSS.

• Oddzielne wersje HTML dla każdego urządzenia.

• Framework JavaScript.

Czym jest główna różnica między wersją mobilną a RWD (responsywnością)?

• Wersja mobilna to niezależna, uproszczona strona, a RWD to jedna strona, która automatycznie dostosowuje się do szerokości ekranu.

• Wersja mobilna jest zawsze pełnoprawną wersją, a RWD to wersja uproszczona.

• Wersja mobilna i RWD to dokładnie to samo rozwiązanie.

• Wersja mobilna wymaga tworzenia dwóch osobnych stron, a RWD wymaga tworzenia trzech.

Dlaczego tworzenie wersji mobilnej jako osobnej strony jest niekorzystne dla małych i średnich serwisów?

• Ponieważ wymaga tworzenia i utrzymywania dwóch odrębnych witryn, co jest czasochłonne.

• Bo wersje mobilne są zawsze mniej funkcjonalne.

• Bo nie można ich poprawnie zoptymalizować pod kątem szybkości.

• 
  Bo wersje mobilne nie obsługują języków programowania.

Ile maksymalnie kolumn może mieć siatka bootstrapowa (grid)

• 10

• 11

• 12

• 13

Co jest podstawowym narzędziem w RWD do dopasowania elementów do szerokości ekranu?

• Responsywna siatka (responsive grid).

• Tabela HTML.

• Statyczne szerokości w pikselach.

• Oddzielne wersje HTML dla każdego rozmiaru.

Jakie są główne zadania przy tworzeniu responsywnej siatki?

• Stworzenie klas CSS dla kolumn i kodu JS do przenoszenia bloków w zależności od szerokości ekranu.

• Tworzenie oddzielnych plików HTML dla każdego rozmiaru ekranu.

• Użycie tylko tabel do układania elementów.

• Użycie wyłącznie obrazów zamiast tekstu.

Jakie klasy w Bootstrapie 4 służą do określenia szerokości kolumn w różnych rozmiarach ekranów?

• Klasy z prefiksami: col-, col-sm-, col-md-, col-lg-, col-xl-.

• Klasy: grid-1, grid-2, grid-3, grid-4.

• Klasy: width-1, width-2, width-3.

• Klasy: size-1, size-2, size-3, size-4.

Co oznacza klasa img-fluid w Bootstrapie 4?

• Sprawia, że obraz jest w pełni responsywny i dopasowuje się do szerokości kontenera.

• Ustawia obraz na pełną szerokość strony.

• Ukrywa obraz na urządzeniach mobilnych.

• Ustawia obraz na stałą szerokość 300px.