Aula 4 – Bootstrap básico

Framework CSS Bootstrap

O Bootstrap é apresentado como um framework CSS essencial para design responsivo e modularidade. Ele fornece várias classes pré-definidas que facilitam a implementação de um design responsivo que se ajusta automaticamente ao tamanho da tela do dispositivo. A seção inclui:

• Uso de Classes de Grid: Explica como usar a grade do Bootstrap para layout, com a regra de que a soma das colunas deve ser igual a 12 dentro de uma .row. Demonstra como ajustar o layout com as classes col, col-sm, col-md, col-lg, e col-xl, baseando-se nos breakpoints de mídia para diferentes tamanhos de tela.
• Responsividade: Discussão sobre a responsividade automática e como o Bootstrap facilita esse aspecto do design web com classes que ajustam conteúdos e imagens de forma fluida.
• Tipografia e Botões: Direciona sobre como utilizar as classes do Bootstrap para alinhar texto (text-center, text-left, text-right, text-justify) e personalizar botões (btn-color, text-color). Links para documentação oficial são fornecidos para explorar mais opções de personalização.
• Componentes Visuais: Aborda o uso de classes para a manipulação de imagens (img-thumbnail, rounded-top, entre outros), permitindo ajustes finos nos elementos visuais do site.
• Links úteis: Fornece vários links para a documentação oficial do Bootstrap, permitindo que os alunos aprofundem seus conhecimentos e explorem mais recursos disponíveis.

Este segmento do curso é fundamental para os alunos aprenderem a criar interfaces que não apenas pareçam boas em todos os dispositivos, mas que também sejam práticas e acessíveis, utilizando o poder do Bootstrap para acelerar o desenvolvimento e garantir consistência em projetos web.