O plugin modal do bootstrap permite gerar uma caixa de diálo...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Alternativa correta: B - data-target.
A questão aborda o funcionamento do plugin modal do Bootstrap, que é um popular framework de front-end para desenvolvimento de sites responsivos e mobile-first. O Bootstrap oferece uma série de componentes pré-construídos que podem ser facilmente integrados em um site para adicionar funcionalidades e estilização de forma consistente e acessível. O componente modal é um exemplo desses componentes, sendo uma caixa de diálogo que aparece na frente da página atual, geralmente usado para confirmar ações, mostrar informações adicionais, ou mesmo para inserir dados por parte do usuário.
Para resolver a questão, o conhecimento necessário envolve entender como o modal é ativado no Bootstrap. O elemento que dispara o modal precisa estar vinculado a ele através de atributos específicos no HTML. O atributo data-target é utilizado no elemento que dispara o modal e o valor desse atributo deve ser o mesmo do atributo id da div que contém o modal. Este é um exemplo clássico de como o Bootstrap utiliza atributos de dados (data attributes) para associar elementos do HTML com comportamentos do JavaScript.
A alternativa B - data-target é correta porque especifica exatamente este atributo. Ao clicar em um elemento que possui o atributo data-target com o valor correspondente ao id do modal, o Bootstrap identifica que o clique nesse elemento deve acionar a exibição do modal correspondente. Esse modo de operação é fundamental para a manipulação de elementos dinâmicos na interface de usuário sem a necessidade de escrever JavaScript adicional.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
https://www.w3schools.com/bootstrap/bootstrap_modal.asp
O data-target geralmente utilizado no Bootstrap, está junto aos modais, mas não somente. Pelo próprio nome, subentende-se que irá fazer referência ao seu alvo, objetivo. Este atributo deve conter um seletor CSS que aponte para o elemento HTML que irá participar do evento.
Gab B
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo