Fale sobre os padrões de interface do usuário no Bootstrap.

O Bootstrap fornece um conjunto de estilos e componentes prontos a usar, baseados em HTML, CSS e JavaScript, que permitem criar uma interface de utilizador consistente e adaptável. Os padrões principais incluem:

• Sistema de grelha (Grid System): Sistema de layout adaptável de doze colunas que facilita a criação de estruturas de páginas flexíveis. Implementado com as classes container, row e col-*.
• Tipografia: Estilos uniformes para títulos (<h1>-<h6>), parágrafos (<p>), listas e outros elementos de texto, garantindo legibilidade.
• Formulários: Elementos de formulário estilizados (campos de entrada, botões, caixas de seleção, botões de rádio, etc.) para criar uma aparência uniforme e facilitar o uso.
• Botões: Diversos estilos e tamanhos de botões que indicam a sua finalidade (por exemplo, btn, btn-primary, btn-secondary).
• Navegação: Componentes para criar menus de navegação (por exemplo, navbar, nav-tabs, nav-pills).
• Adaptabilidade: Todos os componentes e o sistema de grelha adaptam-se por padrão a diferentes tamanhos de ecrã (escritorios, tablets, dispositivos móveis) através de consultas de media.
• Componentes: Amplo conjunto de componentes prontos e estilizados, tais como:
  • Alertas
  • Badges
  • Cartões
  • Modais
  • Menus suspensos
  • Tooltips
  • Popovers
  • Carrossel de imagens
• Ícones: Integração com bibliotecas de ícones (por exemplo, Bootstrap Icons) para representar visualmente ações ou informações.
• Utilitários: Classes auxiliares para gerir margens (m-*, p-*), alinhamento (text-*), visualização (d-*) e outros estilos sem necessidade de escrever CSS adicional.

O objetivo principal destes padrões é acelerar o desenvolvimento, garantir a coerência do design em toda a aplicação e assegurar uma visualização correta em diferentes dispositivos.