WorksheetsQuiz sobre Bootstrap e Componentes
Total questions: 20
Worksheet time: 2hrs 39mins
Qual classe do Bootstrap é usada para criar um formulário responsivo?
.form-static
.form-responsive
.form-control
.form-group
O que o componente OffCanvas permite fazer em uma página web?
Exibir imagens em carrossel
Mostrar menus ou conteúdos ocultos lateralmente
Criar tabelas dinâmicas
Adicionar ícones animados
Para criar um carrossel no Bootstrap, qual classe principal deve ser usada?
.carousel
.slider
.gallery
.showcase
Qual classe do Bootstrap é usada para criar uma lista com estilo?
.list-group
.list-style
.styled-list
.group-list
Como tornar uma tabela responsiva no Bootstrap?
Adicionando .table-responsive ao elemento pai
Usando .table-dynamic
Aplicando .table-mobile
Adicionando .responsive-table à tabela
Qual classe adiciona ícones do Bootstrap em um elemento?
.icon-bootstrap
.bi
.glyph
.iconify
Qual propriedade do Bootstrap OffCanvas permite que ele seja fechado ao clicar fora?
backdrop="true"
data-dismiss="offcanvas"
data-bs-backdrop="true"
close-on-click="true"
Para criar um campo de entrada de texto em um formulário Bootstrap, qual classe é usada?
.input-text
.form-control
.text-field
.input-group
Complete para deixar a tabela listrada:
(a)
Qual classe do Bootstrap é usada para adicionar botões de navegação em um carrossel?
.carousel-nav
.carousel-control-prev e .carousel-control-next
.carousel-buttons
.carousel-navigation
Qual classe do Bootstrap é usada para criar uma tabela com efeito de destaque ao passar o mouse?
.table-hover
.table-highlight
.table-active
.table-mouse
Qual classe do Bootstrap é usada para criar um modal de tamanho grande?
.modal-lg
.modal-big
.modal-large
.modal-xl
Qual classe do Bootstrap é usada para criar uma tabela com bordas?
.table-bordered
.table-border
.table-outline
.table-frame
Qual atributo é usado para definir o destino do OffCanvas?
data-bs-target
data-bs-offcanvas
data-bs-show
data-bs-toggle
Qual classe do Bootstrap é usada para criar um carrossel com indicadores?
.carousel-indicators
.carousel-dots
.carousel-points
.carousel-marks
Qual classe do Bootstrap é usada para criar uma tabela pequena?
.table-sm
.table-small
.table-xs
.table-mini
No código abaixo, complete com a classe correta para criar um menu lateral que surge da esquerda:
(a)
Qual atributo obrigatório deve estar no botão abaixo para abrir o Offcanvas?
data-bs-toggle="offcanvas"
data-bs-slide="open"
data-bs-target-menu
offcanvas-open="true"
Crie um offcanvas contendo:
- Cabeçalho
- List group com links
- Botão de fechar
- Rodapé dentro do offcanvas
Crie um list group com ícones (fácil)
Cada item deve ter:
- Ícone do Bootstrap
- Badge lateral
- Link clicável
