Exemplos com Bootstrap - Versão 5.3.x
First slide label
Some representative placeholder content for the first slide.
Second slide label
Some representative placeholder content for the second slide.
Third slide label
Some representative placeholder content for the third slide.
Notificações
Grupo de botões
Grupo de Cards
Chocolate 1
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perferendis, facere delectus ea eum laudantium possimus, porro numquam eos harum nemo perspiciatis quis quam! Ex ab vero architecto sit sint voluptatum!
Chocolate 2
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perferendis, facere delectus ea eum laudantium possimus, porro numquam eos harum nemo perspiciatis quis quam! Ex ab vero architecto sit sint voluptatum!
Chocolate 3
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perferendis, facere delectus ea eum laudantium possimus, porro numquam eos harum nemo perspiciatis quis quam! Ex ab vero architecto sit sint voluptatum!
Exemplo de modal
Exemplo fora da tela
Link com hrefFora da tela
Exemplo de paginação
Cards com espaço reservado
Chocolate
Um breve exemplo de texto para complementar o título do cartão e compor a maior parte do seu conteúdo.
Visitar
Exemplo de Scrollspy
Primeiro
Este é um conteúdo de exemplo para a página do Scrollspy. Observe que, ao rolar a página para baixo, o link de navegação apropriado é destacado. Isso se repete ao longo do exemplo do componente. Continuamos adicionando mais texto de exemplo aqui para enfatizar a rolagem e o destaque.
Segundo
Este é um conteúdo de exemplo para a página do Scrollspy. Observe que, ao rolar a página para baixo, o link de navegação apropriado é destacado. Isso se repete ao longo do exemplo do componente. Continuamos adicionando mais texto de exemplo aqui para enfatizar a rolagem e o destaque.
Terceiro
Este é um conteúdo de exemplo para a página do Scrollspy. Observe que, ao rolar a página para baixo, o link de navegação apropriado é destacado. Isso se repete ao longo do exemplo do componente. Continuamos adicionando mais texto de exemplo aqui para enfatizar a rolagem e o destaque.
Quarto
Este é um conteúdo de exemplo para a página do Scrollspy. Observe que, ao rolar a página para baixo, o link de navegação apropriado é destacado. Isso se repete ao longo do exemplo do componente. Continuamos adicionando mais texto de exemplo aqui para enfatizar a rolagem e o destaque.
Quinto
Este é um conteúdo de exemplo para a página do Scrollspy. Observe que, ao rolar a página para baixo, o link de navegação apropriado é destacado. Isso se repete ao longo do exemplo do componente. Continuamos adicionando mais texto de exemplo aqui para enfatizar a rolagem e o destaque.
Exemplo de Toasts
Bootstrap
11 mins ago
Exemplo de Tooltip
Exemplo de Spinners
Exemplo de shadow
Exemplo de tabela
| Lista de produtos | ||
|---|---|---|
| Produto | Qtde | Valor |
| Arroz | 100 | R$ 30,00 |
| Feijão | 150 | R$ 32,00 |
| Macarrão | 200 | R$ 12,00 |