18
Boostrap 3.3.5 Linha(s)
Descrição (cont.)
Linha 4 a 19
Marcação do div container da janela modal. A classe modal é de uso obrigatório e informa ao Bootstrap que trata-se do container de uma janela modal. A classe fade faz com que o efeito de abertura seja por deslizamento da janela no sentido vertical, na direção de cima para baixo e com efeito de esmaecimento. Opcionalmente, podemos omitir o valor fade que produz o efeito de mostrar e esconder a janela sem deslizamento e esmaecimento, ou seja, abertura e fechamento fixa na sua posição. Sugiro fazer uma cópia do exemplo e retirar a classe fade verificando na prática os dois efeitos de abertura/fechamento. O atributo id é de livre escolha do autor. Containers auxiliares para estilização e scripts.
Linhas 5 e 6
Arquivos para download Os scripts mostrados no livro estão disponíveis para consulta online em http://livrosdomaujor.com.br/bootstrap3/codigos.html. Os arquivos foram nomeados com sintaxe própria, conforme o exemplo a seguir: http://livrosdomaujor.com.br/bootstrap3/codigos/c4/botoes-dropdown.html
Este é o URL (endereço na web) do arquivo que mostra um exemplo contido no capítulo 4 do livro e referente à funcionalidade dropdown para botões. Adicionalmente, ao final da marcação, há uma indicação do endereço para o arquivo conforme convenção mostrada no exemplo a seguir: • HTML <div class=”btn-group”>
<button type="button" class="btn btn-default>EDITAR</button> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> EDITAR <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">novo</a></li> <li><a href="#">abrir</a></li> <li><a href="#">fechar</a></li> <li class="divider"></li> <li><a href="#">salvar</a></li> </ul> </div>
[.../c4/botoes-dropdown.html]
Conheça os livros do Maujor: http://livrosdomaujor.com.br