[MÚSICA]
Vamos discutir brevemente sobre tabelas bootstrap.
O que o bootstrap traz para tabelas de estilo que incluímos em nossas páginas da web?
Vamos também olhar para outro componente bootstrap chamado como cartão bootstrap,
que é um componente muito versátil para exibir conteúdo.
Pode haver muitas ocasiões em que você deseja apresentar conteúdo tabular
em sua página web.
As tabelas foram essencialmente projetadas para
esse propósito, mas logo depois que
os designers de páginas web seqüestraram tabelas para usar para
projetar e colocar para fora o conteúdo nas páginas.
Porque, inerentemente, o HTML original não tinha
a capacidade de colocar corretamente o conteúdo em uma página da Web.
É claro que, com a chegada de layouts baseados em grade, como a grade de bootstrap,
as tabelas foram ativadas em tabelas.
E cada vez mais, as pessoas estão preferindo não usar tabelas
como um tipo principal de layout de conteúdo de construção em páginas da web. Os
layouts baseados em grade são melhor projetados para esse propósito.
Aqui está um exemplo do que podemos fazer para uma tabela HTML padrão
usando várias classes que bootstrap fornece para tabelas de estilo.
Então, aqui, você pode ver que o conjunto separado,
exibindo-o em cores mais escuras e, em seguida, as próprias linhas são realçadas
exibindo linhas alternativas com diferentes backups.
A tabela usada no bootstrap com base nessa página
é semelhante à forma como você usa tabelas em páginas HTML padrão.
Mas, claro, você aplica a tabela de classe que é
suportada no bootstrap para uma tecnologia de tabela padrão.
Além disso, bootstrap fornece muitas classes diferentes para tabelas de estilo como,
tabela listrada para tabelas listradas zebra como vimos no exemplo anteriormente.
Da mesma forma, temos tabela delimitada para fronteiras.
Tabelas, pairar mesa, table-sm para mesas com preenchimento de célula cortado ao meio.
E da mesma forma, tabela responsiva pode ser aplicada a uma div em torno de tabelas, de modo
que as tabelas podem ser tornadas responsivas onde ele é mostrado em tamanhos de tela menores.
As tabelas poderão então rolar horizontalmente e verticalmente.
Além disso, você pode aplicar planos de fundo a uma linha individual de tabelas ou
tabelas inteiras.
Aqui estão alguns exemplos de como você pode aplicar uma
cor de plano de fundo a uma linha específica ou uma célula específica na tabela.
Outro componente versátil que está disponível no bootstrap
é uma placa de bootstrap.
Às vezes, você pode querer destacar algum conteúdo em sua página da Web.
Então é aqui que o bootstrap vem em seu auxílio.
No cartão Bootstrap é um componente versátil que permite
exibir o conteúdo em miríades de maneiras.
Você notaria que ele permite que você tenha cabeçalhos para cartões.
Você também pode incluir imagens em cartões.
Você pode incluir imagens no fundo dos cartões.
Você pode até mesmo alterar as cores de fundo dos cartões.
Muitos recursos são suportados por cartões.
Aqui estão alguns exemplos de cartões que veremos nos exercícios mais tarde.
Nós também veremos mais versátil nós de cartões em exercícios posteriores e
outros cursos nesta especialização.
Cartão é uma empresa muito importante que pode ser efetivamente usado para
exibir conteúdo.
É hora de passar para o próximo exercício, onde usaremos tabelas e
cartões para exibir algum conteúdo em nossa página web.
[ MUSIC]