Opowiedz o standardach interfejsu użytkownika w Bootstrap.

Bootstrap zapewnia zestaw gotowych stylów i komponentów opartych na HTML, CSS i JavaScript, które umożliwiają tworzenie spójnego i responsywnego interfejsu użytkownika. Kluczowe standardy obejmują:

• System siatki (Grid System): Adaptacyjny system układu o dwunastu kolumnach, ułatwiający tworzenie elastycznych struktur stron. Implementowany za pomocą klas container, row i col-*.
• Typografia: Jednolite style dla nagłówków (<h1>-<h6>), akapitów (<p>), list i innych elementów tekstowych, zapewniające czytelność.
• Formularze: Stylizowane elementy formularzy (pola wejściowe, przyciski, pola wyboru, przyciski radiowe itp.) dla jednolitego wyglądu i wygody użytkowania.
• Przyciski: Różne style i rozmiary przycisków, które wskazują ich przeznaczenie (np. btn, btn-primary, btn-secondary).
• Nawigacja: Komponenty do tworzenia menu nawigacyjnych (np. navbar, nav-tabs, nav-pills).
• Responsywność: Wszystkie komponenty i system siatki domyślnie dostosowują się do różnych rozmiarów ekranów (komputery, tablety, urządzenia mobilne) za pomocą zapytań medialnych.
• Komponenty: Szeroki zestaw gotowych, stylizowanych komponentów, takich jak:
  • Alerty
  • Odznaki
  • Karty
  • Modale
  • Rozwijane menu
  • Podpowiedzi (Tooltip)
  • Popover
  • Karuzela (Carousel)
• Ikony: Integracja z bibliotekami ikon (np. Bootstrap Icons) dla wizualnego oznaczania działań lub informacji.
• Utilitarne klasy: Klasy pomocnicze do zarządzania marginesami (m-*, p-*), wyrównaniem (text-*), wyświetlaniem (d-*) i innymi stylami bez konieczności pisania dodatkowego CSS.

Głównym celem tych standardów jest przyspieszenie rozwoju, zapewnienie spójności projektu na całej aplikacji i gwarancja poprawnego wyświetlania na różnych urządzeniach.