O curso de curso completo de curso Master Bootstrap - construa 4 projetos! | Joe Parys | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

O curso de curso completo de curso Master Bootstrap - construa 4 projetos!

teacher avatar Joe Parys, Online Instructor | www.joeparys.com

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

69 aulas (6 h 55 min)
    • 1. Vídeo promocional da classe mestre de 0 Bootstrap

      1:22
    • 2. Benefícios de 1 curso: uma introdução ao Bootstrap e ao nosso curso de curso!

      2:40
    • 3. 2 REN Bootstrap e jQuery CDN (1)

      7:22
    • 4. 3 Download e instalação de Bootstrap (1)

      4:35
    • 5. 3.5 Móvel primeiro

      3:50
    • 6. 4 REN Como funciona o Boostrap (1)

      2:09
    • 7. 5 recipientes REN (1)

      2:22
    • 8. Sistema de grade de 6 REN (1)

      6:17
    • 9. 7 estilos de texto (1)

      7:01
    • 10. Mais sobre estilos de texto (1)

      10:11
    • 11. 9 mesas de bootstrap (1)

      7:28
    • 12. 10 imagens de bootstrap (1)

      2:20
    • 13. 11 Botões de alça de inicialização

      3:55
    • 14. Grupo de botões 12

      3:39
    • 15. Menu de REN DropDown

      6:39
    • 16. Glyphicon de 14 alça de inicialização

      6:05
    • 17. 15 Jumbotron e cabeçalho de página

      3:02
    • 18. 16 Wells Bootstrap

      1:49
    • 19. Alerta de 17 alça de inicialização

      4:48
    • 20. 18 crachás e rótulos de Bootstrap N REN

      4:18
    • 21. Painel de Bootstrap de 19 REN

      4:16
    • 22. 20 dobráveis

      5:30
    • 23. 21 painel dobrável

      3:07
    • 24. Grupo de lista 22

      8:01
    • 25. 23 painel de grupo dobrável

      12:19
    • 26. 24 guias de alça de inicialização

      5:50
    • 27. 25 comprimidos de alça de inicialização

      5:17
    • 28. 26 guias e comprimidos dinâmicos de inicialização

      4:57
    • 29. 27 paginação e paginação de Bootstrap

      5:07
    • 30. Navbar de inicialização 28

      9:10
    • 31. Layout de formulário de bootstrap (1)

      9:39
    • 32. 30 elementos de formulário de bootstrap (1)

      10:50
    • 33. Elemento de formulário de bootstrap 31 2 (1)

      3:35
    • 34. Estilo de validação de forma de bootstrap 32 (1)

      5:33
    • 35. Modais de Bootstrap de 33 REN (1)

      6:47
    • 36. Carrousel de 34 alça de inicialização

      10:04
    • 37. Carrousel de 35 Bootstrap com legenda

      3:10
    • 38. ScrollSpy de 36 Bootstrap

      9:49
    • 39. Dica de ferramentas de Bootstrap 37

      5:46
    • 40. PopOver de 38 Bootstrap

      5:10
    • 41. 39 Criando navegação e primeira seção

      9:34
    • 42. 40 Criando minha página de trabalho

      5:43
    • 43. 41 Criando sobre área

      8:10
    • 44. 42 Criando área de contato

      6:19
    • 45. 43 Criando Navbar

      4:15
    • 46. 44 Criando Slider de carrossel

      7:21
    • 47. 45 Criando miniaturas

      6:23
    • 48. 46 Criando rodapé

      2:13
    • 49. 47 Criando modos

      8:25
    • 50. 48 REN Criando Galeria usando o Plugin LightBox

      11:02
    • 51. 49 Como adicionar legenda à Galeria LightBox

      1:51
    • 52. 50 Criando sintaxe HTML (1)

      3:33
    • 53. 51 Navbar de rebarbação e personalizando o bootstrap (1)

      8:47
    • 54. 52 Criando cabeçalho e barra de pesquisa (1)

      12:37
    • 55. 53 Criando área de posts

      15:57
    • 56. 54 Criando rodapé (1)

      5:07
    • 57. 55 Criando posts (1)

      4:24
    • 58. 56 Criando sobre a página (1)

      4:49
    • 59. 57 Criando sintaxe HTML e Navbar

      7:24
    • 60. 58 Criando carrossel

      7:56
    • 61. 59 Adicionando legenda ao carrossel

      3:40
    • 62. 60 Criando de lado e área de produto

      8:45
    • 63. 61 Recriando a área de lado com novo estilo

      7:17
    • 64. 62 Criando página de produto

      12:49
    • 65. 63 Criando área de pesquisa relacionada

      2:39
    • 66. 64 Criando formulário de forma modal

      5:10
    • 67. 65 Criando formulário de pedido

      5:15
    • 68. Conclusão de 66 Boostrap

      0:49
    • 69. Vídeo de feedback de habilitação

      0:47
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

1.245

Estudantes

1

Projeto

Sobre este curso

Bem-vindo à Masterclass de Bootstrap completo - Construa 4 projetos

Veja o vídeo promocional para ver como você pode começar a dominar o Bootstrap para construir seu próximo site profissional!

Este curso é MASSIVE! Você recebe mais de 7+ horas de conteúdo de vídeo e mais de 60 palestras!

Junte-se a mais de 100.000 alunos que se inscreveram nos meus cursos de Udemy este ano!

2500 + Análises de Cinco Estrelas Mostra Alunos que se inscrevem estão recebendo resultados reais!

"Curso de bootstrap "Complete explicado... Depois de pesquisar tantos cursos em udemy, este curso me ensinou bootstrap completo e é para iniciante a... Muito obrigado..." -Pratrap

"Esse foi um dos melhores cursos que já participe" -Tariq Alkhassa

__________________________________________________________________________

Aprenda os conceitos, ferramentas e funções básicas que você vai precisar para criar páginas de destino profissionais bonitas e totalmente funcionais na estrutura de bootstrap. Mas isso não é tudo o que você vai aprender a se inscrever no nosso curso...

Você vai aprender:

  • Componentes de Bootstrap
  • Sistema de grade
  • Como personalizar o bootstrap
  • Ícones de Glyphicon
  • Muito mais!

Este curso vai ajudar você a criar uma landing page responsiva ao bootstrap perfeita para seu aplicativo, negócio, portfólio ou blog. Ter um pouco de conhecimento de HTML e CSS é ideal para você começar na rota mais rápida para Bootstrap, no entanto, não é essencial. Vou caminhar por você em cada passo de código para garantir que você tenha o conhecimento e as ferramentas certas para aprimorar seu aprendizado depois de concluir o curso.

Você não vai apenas criar uma landing page de bootstrap profissional limpo e moderno, você também vai adicionar espião de rolagem, animação e Web sites do Google para garantir que seu site fique nosso da multidão. Começamos por entender os conceitos básicos da bootstrap, como ele funciona e como ele é implementado. Vamos cobrir o sistema de grade famoso e consultas de mídia para garantir que sua nova página seja melhor em todos os dispositivos.

Você vai aprender a fazer o que vai ajudar você a entender todos os aspectos do bootstrap e dar a você as ferramentas para redesenhar nosso modelo ou construir uma landing page totalmente nova especificamente como você quiser. Você será capaz de baixar arquivos de projeto ao longo do curso, que serão seus para manter e trabalhar em seu lazer

__________________________________________________________________________

Com a mentalidade, compreensão e aplicação certos dos ensinamentos neste curso, você vai começar a avançar instantaneamente para Dominar o Bootstrap para criar seus próximos sites profissionais!

Quando aprendemos algo novo, eu adiciono ao curso - sem nenhum custo adicional para você! Esse é um curso que vai continuar a adicionar cada vez mais a todos os aspectos da sua vida.

__________________________________________________________________________

O que eu não posso fazer neste curso..

Não posso garantir seu sucesso - este curso tem trabalho na sua parte. Mas você pode fazê-lo!

Eu também não sou responsável pelas suas ações. Você é responsável por 100% das decisões e ações que você faz enquanto usa este curso.

__________________________________________________________________________

Este curso não vai continuar a ser este preço para sempre! É hora de agir!

Clique no botão "fazer este curso" no topo agora!

...cada hora que você atrasar está custando seu dinheiro...

Vemo-nos no curso!

Sinceramente,

Joe Parys & Shahzaib Kamal

Conheça seu professor

Teacher Profile Image

Joe Parys

Online Instructor | www.joeparys.com

Professor

Why are 1,000,000+ students enrolled in my online courses? 

1) I teach with passion and purpose! Every course is delivered with my students in mind.

2) Our courses will help you achieve real results and change your life today!

3) Our dedication to teaching online. Joe Parys has been named one of the top instructors in the world

► Try enrolling in a course with me and see for yourself! ◄

__________________________________________________________________________

Want to create your own life by design?

Or maybe learn how to earn thousands Teaching Online Video Courses Full Time from Your Laptop?

Then Enroll in my Skillshare Courses Today! You too can be doing this - and so much more!... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Vídeo promocional da classe mestre de 0 Bootstrap: Você gostaria de construir seus próprios belos sites interativos usando o Bootstrap? Bem, então este curso é para você. Oi, meu nome é Joe Paris, e sou o fundador da Academia Joe Paris. Agora estou servindo mais de 100.000 alunos únicos juntos. Trabalhando com Shazia Kamal, Vamos levá-lo desde o iniciante absoluto usando bootstrap e mostrar-lhe como construir quatro projetos incríveis na estrutura. Vamos começar cobrindo todos os conceitos básicos, mostrar-lhe como baixar e instalar o bootstrap para que você possa começar imediatamente. Depois de aprender o básico, você começará a aprender a construir quatro projetos exclusivos na maneira bootstrap. Mostrar como criar um portfólio. Use fotos profissionais em nossos projetos fotográficos. Nós mostramos-lhe então como criar um projeto blawg e até mesmo um projeto básico de site e commerce . Mas isso não é tudo o que você ganha ao se inscrever neste curso. Acreditamos que a melhor maneira de aprender é fazendo nosso curso é muito interativo. Ele tem mais de sete horas de tutorial em vídeo, questionários e projetos específicos em cada seção. Então, o que você está esperando? Esta oferta não durará para sempre. Vá em frente e clique nisso. Faça este curso agora, botão e nos veremos no curso. Obrigado novamente por se inscrever. 2. Benefícios de 1 curso: uma introdução ao Bootstrap e ao nosso curso de curso!: Olá, todo mundo. E bem-vindo ao curso de masterclass bootstrap completo, Construa quatro projetos. Meu nome é Joe Paris, e eu sou o instrutor principal aqui neste curso. Mas Shazia Kamal vai ensinar-te tudo o que precisas de saber sobre o Bootstrap. E ele é um desenvolvedor web especialista. Ele e eu criamos vários cursos juntos. E ele vai mostrar-lhe como usar bootstrap para realmente melhorar seus sites para construir páginas de destino e realmente, você sabe, se você tem aplicativo, você quer que as coisas para tipo de fazer Bootstrap realmente vai ajudá-lo com isso, e Shah Zee vai mostrar-lhe exatamente como fazer isso. Então, o que exatamente você vai tirar deste curso? Bem, bootstrap é um framework HTML CSS e JavaScript. Então você vai ser se você tem alguma experiência com HTML, CSS e JavaScript, então este curso vai realmente ajudá-lo tipo de melhorar seu desenvolvimento web em um sentido e também dar-lhe mais algumas ferramentas no cinto de ferramentas para usar quando se trata de fazer o seu próprio site ou fazer partes do site e vamos para essas coisas. Quatro projetos. O primeiro projeto que vamos levá-lo é um projeto de portfólio. Isso é ótimo para empresas. Se você quer colocar seu nome e você sabe todos esses tipos diferentes de coisas em um tipo de projeto de portfólio, Shazia mostra exatamente como fazer isso. Temos então um projeto fotográfico, e as imagens são enormes hoje quando se trata de fazer coisas na Web e muito mais. Portanto, ter fotos é absolutamente fundamental para o seu sucesso ao desenvolver sites, páginas de destino, aps muito mais. Então temos um projeto blawg. Então, se você é um blogueiro ou você quer atualizar o seu blog ou até mesmo você pode usar algumas dessas coisas para o seu próprio site, se isso é interessante para você. Temos uma seção inteira aqui sobre como usar bootstrap para o seu blawg, e então nós arredondamos as coisas e terminamos com uma parte de comércio e um comércio e é que é uma loja online. Então, se você gostaria de vender camisetas ou pequenas bugigangas ou coisas assim, uh, Shazia mostra como usar bootstrap para realmente ser capaz de fazer essas coisas incríveis para as páginas de destino do seu site para vender seus produtos. Então estas são as coisas que você vai aprender em nosso curso. E mal podemos esperar para te ensinar. Então, obrigado novamente por se inscrever. Se você tiver alguma dúvida a qualquer momento, sinta-se à vontade para publicá-las. E se você realmente gostou do curso, nós também apreciamos suas críticas positivas e muito obrigado novamente por se inscrever, e eu vou deixar Shazia tirar as coisas e nos veremos em nossa próxima palestra. 3. 2 REN Bootstrap e jQuery CDN (1): Oi, todo mundo. Então nesta sala de aula vai aprender que Como você desce o bootstrap e como trabalhar nele? Então, primeiro lugar, basta abrir o site do bootstrap, que é obter resultado bootstrapped. Você sabe, nós temos o site aqui. Você pode ver que bootstrap é o mais popular, realmente móvel CSS e estrutura de Jay para desenvolver responsivo em produtos de host móvel na web. Então, a propósito, aqui você pode ver algo como recursos completos um framework e pré processadores. Eles usarão menos o Sassen,a propósito. Sassen, Então, vou clicar no download. Bootstrap. Mas quando eu apenas clicar lá agora, eu estou no download pago. Bootstrap atualmente creep comprando 3.5. Tenha alguns, tem algumas maneiras fáceis de começar rapidamente. Então, lá você pode ver que o botão bootstrap de download de bootstrap, e então há um cdn. Então aprendemos a usar o sírio sem baixar. Então agora basta copiar todas essas linhas. Ok, o 1º 1 eu só estou limpando isso. O 1º 1 é a tag link link, que significa que ele tem o bootstrapped no arquivo CSS. E este é um arquivo Js bootstrap. Os dois arquivados. Precisamos copiar para fazer o rap das botas e o arquivo do meio. A equipe bootstrap que Minda Js é realmente a equipe opcional. Você pode ver lá. Bem, eles não vão usar isso no curso, mas eu só estou baixando porque eles estão apenas fazendo um download para você projetado. Então vá para ser arquivado. Eu só abri. Acabei de salvar a pasta de bootstrap. E aqui a pasta bootstrap. Oh, o livro que eles têm agora eles são os próximos na verdade mais, que estavam trabalhando para Aqui está o arquivo. Então, primeiro de tudo, apenas a criação do movimento básico HD. O Centex básico fora da equipe deles, você e a etiqueta do sexo. O Centex básico fora da equipe deles, Todas essas coisas são necessárias, sabe? Em seguida, basta ir para se comportar tag e dentro dos marcadores de cabelo colocar a faixa título em primeiro lugar. Está bem. E depois da etiqueta, estou deprimente. Interino. Está colocando esse arquivo aqui. Todos esses arquivos, o comprimento do arquivo, folhas de estilo de relações, ambos os arquivos fora do link e o turbante no arquivo de script. Agora, uma coisa que isso vai limpar você, que não vai funcionar especificamente o roteiro um trapaceiro. Na verdade, o bootstrap está bem e a equipe está bem. Bem, eu só vou deletar essa equipe agora, porque eu não acho que vai usar isso, a propósito. E o que é isso é uma etiqueta rápida. Tem o bootstrap. Essa janela só significa algum tipo de arquivos JavaScript. Mas o problema é que este arquivo o Minda jeez exigiu o d uma consulta que arquivo Js. Ok, então se você só quer trabalhar com o arquivo Js bootstrap, você tem que baixar as botas. Jake cansado. Mas qual é a diferença entre esses arquivos e por que eles colocaram dois arquivos em vez de um único? Porque há um monte de ações que realmente pode ser acontecer no J Query. Por exemplo, o Cody no desmontável e as outras coisas assim. As coisas animadas que só podem ser aconteceram no bootstrap na consulta da prisão, mas agora podemos fazer no bootstrap usando o Colossus Savini as taquerias. Bem, vamos falar com o irmão outra vez. E pressione história de interesse clique no botão mais e este tipo de consulta ponto com confiança agora e não está indo para o site G rapidamente. Ok, então para o G, rápido, vamos apenas clicar na consulta Jungle J. Ok, Jake, cansado na escola é uma ferida muito interessante e importante para se desenvolver em confiar em que páginas. Portanto, há os dois top de versões. Você pode ver que padaria 11 ponto X e jiggly para fonics. Eu só estou indo para o ponto X porque ele tem o É realmente perfeito para mim também. By the way, existem duas versões em uma torta. Em seguida, você pode ver o download, a produção compactada, o inconveniente inquérito, o inquérito de desenvolvimento compactado da ONU. Estou apenas clicando no download composto produção Jay Query aqui. Agora, esta é a produção jiggly comprimido que na verdade não tem estagiários, sem quebras de linha e sem espaço, sem espaço extra, na verdade. Mas se eu apenas clicar no download o descompactado e desenvolvimento J rapidamente agora você pode ver que ele tem O espaço é tijolos de comprimento e na verdade o belo Syntex Olhando fácil, Mas definitivamente nós não vamos fazer nada dentro do arquivo Jaqui que James, então será perfeito porque não vamos fazer nenhuma ação dentro do arquivo. Então vamos copiar isto ou a melhor coisa está certa. Clique no download A produção composta e este clique em salvar Link. Como agora estamos para pegar o arquivo que é, ir para a faixa de ouro cheio ou e aqui é DJ Inquiry 1.11 ponto três ponto Minda Js arquivo Então podemos cozinhar no salvar. A outra coisa é deixar-nos cair. E agora você pode ver que usando Jaquilla com um CDN se você apenas lembrar que aqui estes são os sírios fora do bootstrap, o Max Syrian, aquela cidade bootstrap. E você pode ver isso. Ok, então aqui nesta aula, eu estou novamente fazendo a mesma coisa. Só estou copiando essa, certo? O guião das botas embrulhado com o sírio aqui. Estou simplesmente copiando isso e colando lá, aqui com em termos pouco antes de as botas me envolverem nos jays. Ok, isso é realmente importante para colocar o arquivo Jaquilla antes das botas. Isso significa que o arquivo JS ? Então agora nós apenas aplicamos o bootstrap completamente. A última coisa sobre a aplicação das bootstraps na ajuda Europa é que este pai não necessário em Manny coisas são muitas realmente características do bootstrap, mas em alguns recursos, estes são realmente importantes. Mas para a maioria dos recursos do bootstrap, não precisamos aplicar as botas para o arquivo de padaria e o arquivo Js bootstrap. By the way, este é o momento de testar que nós para fornecer o bootstrap perfeitamente bem conhecido a partir desta digitação Dave cabelo Ok, dentro dos defensores digitando Olá ou eu estou apenas colocando o h uma etiqueta e mão está digitando Olá, salvando e apenas clicando duas vezes sobre o arquivado indexado ou HTML e eu estou apenas indo Eu estou fechando este arquivo fechando este arquivo e fechando este arquivo deste é pelo Este é o arquivo principal do meu. Há um texto. Olá. Você pode ver que ele tem muitas mudanças do simples. Essa é uma tag porque não aplicamos nenhum tipo de CSS. Mas as botas embrulhadas. Mas a outra coisa é, se eu apenas tipo de colossi A Esta é uma maneira de trabalhar no bootstrap. Jumbotron salvou isso e ir para o irmão e atualizar isso agora novamente, está levando pouco tempo porque você sabe que estamos fornecendo o bootstrap através dos meios sírios no leão Vá lá. Você sabe que você pode ver essa grande confusão, cabelo cantando apenas na parte de trás disso. Olá, mensagem. Agora isso é chamado de Jumbotron, e a coisa toda é chamada de bootstrap. Por que isso veio aqui é por causa do bootstrap. Espero que esteja interessado. O bootstrap. Aprenderemos mais algumas coisas. A próxima aula. Fique atento e bom. 4. 3 Download e instalação de Bootstrap (1): Oi, todo mundo. Esta é outra classe fora das botas para cima. Então, aqui nesta aula, vou ensiná-los a realmente baixar o bootstrap em vez de usar seu sírio. Por quê? Porque você sabe que o sírio leva tempo para abrir a página um pouco. Então eu estou apenas baixando diretamente o bootstrap. Aqui. Vamos clicar nas botas de download para cima, e em seguida, apenas em vez de copiar este bootstrap, ver o fim, que é realmente mostrado cartão. Vamos clicar no download. Bootstrap fechou que agora baixar. Bootstrap. Eu só cliquei no cabelo do bootstrap. Agora você pode ver que o link salvar como variável que você só deseja salvar. Estou apenas a clicar na área de trabalho. E aqui está a pasta o Bootstrap, e eu estou apenas colando o arquivo Bootstrapped Groupon cinco zip ponto distribuível. Agora vamos clicar no download inicial. É que tinha sido baixado. Vamos clicar em fechar. Agora você sabe que temos que baixar a consulta J também. Alguns apenas clicando no site jaquilla dot com. E aqui estou pegando o site da Ville G Aquarius. É sobre duas aberturas agora. Você pode ver isso. O que é Jaqui Jaqui? O primeiro pequeno CNDC. Vamos clicar no download. Jake Weary. E agora, em vez de copiar seu cdn. Como você sabe, estou apenas clicando diretamente no download, na produção compactada, no inquérito. Então, basta clicar no mesmo Lincoln. E depois há ir para o bootstrapping aqui. Este lugar, este arquivo. Ok, nós apenas colocamos DJ rapidamente, e nós apenas baixamos o bootstrap também. Então eu estou indo para a pasta bootstrap. Há um arquivo tradicional de índice, e há um arquivo bootstrap. Vamos clicar no extrato. Tudo Yep. Clique em Avançar. Não, está extraindo. Feche isso. E há a pasta principal. Primeiro fora da ilha, incluindo a pasta zip. Ok. E há a pasta fora do bootstrap. Então, não faça nada. Vá para dentro de novo e copie tudo isso ou corte o CSF, Jason. Telefones. Todas as três pastas. Certo, vamos cortar isso. Volte para trás. Volte mais. E aqui onde você coloca seu índice fogo tradicional como este. Coloque os arquivos bootstrap, e agora basta excluir esta pasta de empatia. Estes arquivos são o bootstrap arquivado quando ele está passando pelas bootstraps aqui diz que podemos ver que as bootstraps aqui diz que significa que isso significa que o Esta é a versão compactada da ONU , o 1º 1 e este é o principal ified e versão comprimida das botas Rapid e ver que há uma pequena diferença entre esses tamanhos. Então, a propósito, esta é a equipe de bootstrap, e as botas são as mesmas. Agora, eu estou indo para a pasta Jays. Agora você pode ver que bootstrap e bootstrap Minda dias, e aqui está uma pasta de telefone. Eu vou esse cara fazer isso. Como você o forint, esses bootstrapped específico Cliff Aikens encontrou onde temos um monte de fundos, eu só vou lidar com você. Então, a propósito, vamos ver o nome fora do arquivo de consulta J aqui. Você pode ver que ele tem um monte fora grande nome, um pouco grandes nomes de apenas remover todos os casacos extras e apenas DJ Querida Jay . Então, basta pegar este arquivo e colá-lo na pasta Jays. Agora basta ir para o bloco de notas e o que eu vou fazer com realmente remover estes um script ou em vez de remover, vamos apenas remover os comprimentos, Ok, apenas digite diretamente pasta CSS porque você sabe que o CSS Fuller é o cabelo é o bootstrap. Então agora apreende pasta está no mesmo caminho do índice tradicional, então CSS barra bootstrap ponto CIA diz Salvou que. Desça e deixe-nos tirar todas as coisas do J tremendo e simplesmente digite Js flash Jake Willie Dot Jay O arquivo, que eu acabei de colar dentro dos Js um pouco atrás. Removendo este código novamente e digitando CSS piscou ou não para ver avaliar o Js barra boot strap ponto Js salvo que Ir para o navegador e legendas projeto Refresher. Você ainda está tendo as mesmas coisas. Isso significa que você realmente aplicou o bootstrap, a versão transferível do boot trap. Então a hora é fechar os arquivos e tudo está bem. Aprendemos mais algumas coisas na próxima aula, então fique atento e adeus 5. 3.5 Móvel primeiro: Bem-vindos de volta, pessoal. Então, aqui. Por quê? Eu só estou encontrando essa aula porque eu só quero esclarecer algo sobre o rap de botas sobre o dispositivo pegando fora do bootstrap, que Como o bootstrap enviaria o dispositivo? Porque algumas pessoas estão pedindo que o bootstrap não é móvel primeiro ou realmente, alguns dos meus alunos estão perguntando no curso que eu simplesmente não fiz qualquer perto produto conversível em um primeiro tipo móvel. Ok, então basicamente, bootstrap é o HTML e CSS mais popular e o framework jays para o desenvolvimento responsivo em projetos móveis primeiros na web. Esta é uma chave do bootstrap. Exactamente. O bootstrap projetado para o movimento de seu projeto. E mas como? Podemos esclarecer que o nosso produto é móvel para ainda ir lá. Você acha que se você cair, então você pode ver isso projetado para todos em todos os lugares. Parece que todos podem usar isso com um monte de pré processadores. Mas aqui, uma estrutura, cada dispositivo. Bootstrap, fácil e eficiente. Compreende seus sites e aplicativos com uma única base de código, de alimentos a tablets, dois desktops com consultas de mídia CSS. Ok, então basicamente, nós simplesmente não precisamos criar nada ou qualquer outro terreno para o quarto dispositivo móvel para os dispositivos móveis ou para os tablets ou para os laptops. Você simplesmente precisa codificar o bootstrap. Ele escolhe automaticamente o texto. A consulta de mídia específica de acordo com o dispositivo. Por exemplo, se você apenas abrir o projeto em seu celular do que você vai lutar, você verá que o site será aberto no tempo do design móvel móvel. Ok, na verdade, ele vai escolher a consulta de mídia para os telefones. Todas as bolinhas de gude automaticamente. Está bem. Se você acabou de abrir seu projeto no tablet, ele escolherá o modelo de tablets ou os tablets. Consulta de mídia. E se você simplesmente abri-lo em um PC. Agora há outra coisa que o tipo de PC, sua abertura ou o Al City? Sua abertura. Você pode abrir o laptop. Você pode abrir o Esquire Top PC. Você pode abrir a tela ampla. Então eu máximo, é realmente diferente em todos os tipos diferentes de dispositivos. É por isso que é automaticamente o celular. Em quarto lugar, nós simplesmente não precisamos criar algo, especialmente para o telefone celular ou para o tablet ou para os, você sabe, diferentes dispositivos basicamente alguns off off alguns off. Os alunos estão pedindo isso. Então eu só fiz este vídeo para esclarecer que nós realmente não precisamos projetar bootstrap para o Mobil ou para o tipo diferente de coisas. É automaticamente o responsivo Exatamente. Por exemplo, se eu apenas minimizar este site, o site de bootstraps, então você pode ver que ele está convertendo automaticamente. Agora você pode ver que o pré processador qualquer D. C. Agora você pode ver que o menos e avalia está crescendo automaticamente. Ok, e aqui está agora automaticamente quando ele muda do dedo do pé um tamanho de dispositivo de PC. Você pode ver que agora todos esses três elementos estão em uma única linha. Não, se eu me mudei, faça isso. Agora você pode ver que está suspendendo. Agora seu tamanho ficou maior. Agora é continuamente. Bem, esse é o meu revestimento. By the way, você pode ver que está se movendo perfeitamente com a base. Agora você pode ver que aqui estão os cerca de cinco projetos, mas agora ainda é cinco ainda é cinco. Mas agora, onde estão os dois produtos do projeto? Qualquer coisa vai chamá-lo, e se eu apenas condenar ou agora um único projeto? Não ainda para projetar. Então nós temos que condenar ou Ok, bem, eles só disseram isso para o modelo quatro. Mas exatamente ele está indo muito fora do, você sabe, o primeiro tipo móvel. Significa que podemos abrir a mesma coisa em qualquer tipo de dispositivo, então os caras vão se encontrar na relação sexual novamente no estádio comprador. 6. 4 REN Como funciona o Boostrap (1): Eu amo todo mundo. Então, nesta aula, vou ensinar-te mais algumas coisas sobre o bootstrap. Na verdade, estávamos quase aprendendo isso como bootstrap funciona. Você pode ver que nós apenas pagamos para a aula aqui, e o bootstrap está funcionando aqui. Ok, então definitivamente botas. Rebeldes baseados em Colossus e todas as classes vem do bootstrap que arquivos CSS. Ok, então o que fazer Mawr para este caso? Eu só estou te ensinando sobre este urgentes GIs interino colocando uma mesa aqui, ok? Só por um exemplo, não estou me candidatando. Eu não estou te ensinando sobre as mesas nesta classe só para as botas que fornecem tabelas rapidamente . Aprendemos sobre as mesas profundamente nos poucos em depois de algumas próximas aulas. Então esta é uma coisa simples ou a TV. O que quer que aplique TV duplique isso aqui. Um, 23 salvou isso e ir para o navegador e atualizar que esta é uma tabela simples que tem 1 para 2 como valor. E se eu apenas copiar este chá ou e colar lá a mesa e dizer isso e ir para o irmão volta refrescado que agora novamente. 123 e 123 Indo para o bloco de notas novamente. E aqui eu estou indo para a etiqueta da mesa e apenas colocando um Coliseu e sua mesa de gravação . Eu não estou fazendo outra coisa deslocando a classe da tabela aqui na etiqueta da tabela e atualizando isso. Agora você pode ver que ele tem um grande, belo leão e um grande espaço com números. Na verdade, esses números são os valores, mas tabela bem conservada, OK, para os mais estilos de expressão está enfrentando digitação, tabela despojado, você pode aplicar qualquer estilo, o que quiser . Estou apenas aplicando, despojado e refrescante que agora você pode ver que o 1º 1 tem um efeito bonito. Ok, o 2º 1 está em branco. Se eu copiar este, os do barco e colar de novo aqui e aqui. E salvar isso e atualizar que podemos ver que ele tem linhas despojado é por causa da classe fora das botas para a tabela despojado. Então, desta forma, o bootstrap funciona. Então os caras da próxima classe sentindo mais algumas coisas, fiquem ligados e adeus 7. 5 recipientes REN (1): Olá. E bem-vindos de volta a esta aula, vou ensinar-te mais um pouco. Praticamente sobre o monstro bootstrap seguinte vai ensinar sobre o layout do bootstrap que como desenhar layout basicamente para fora. Então, para este propósito, estou apenas criando um simples Dave aqui, ok? E dentro do Dave eu estou indo para baixo. Espere um pouco. Hamden desceu e lá estou eu apenas criando a outra vida aqui neste, uh, sim. Em vez desse imperativo,só estou usando o Hedo. Em vez desse imperativo,só estou usando o Hedo. Em vez desse imperativo, Eu posso usar a cabeça do doente e, em seguida, aqui dentro comportamento. Só estou fazendo mais algumas coisas, assim como estou digitando cada uma. E então essa é outra vez. E aqui eu estou apenas colocando o hey ding salvando isso, indo para os irmãos homens antes de ir, nós temos que abrir o arquivo, que é cabelo, e eu estou apenas clicando duas vezes. E agora eu tenho o arquivo, a batida. Mas se eu apenas aplicar o você sabe que se eu apenas aplicar a classe das botas para Are the Jumbotron aqui Jumbotron e salvar isso e agora atualizar isso. Agora eu tenho d belo ódio, mas a outra coisa é, se eu fui lá e pressione no tipo da classe e tipo recipiente recipiente. O que significa que se eu não tivesse fresco, agora você pode ver que você é o Jumbotron é do jeito atleta. Está no recipiente e aqui no lado esquerdo e direito. Tem um espaço específico. No entanto enorme é usar a equipe responsiva. Bem, você deve declarar que o bootstrap bootstrap, é realmente responsivo? Agora você pode ver que é totalmente responsivo. No entanto, este é pequeno o lado, como você pode ver que ele só vai ser um movimento por layout, a propósito. Então essa é a coisa que o contêiner pode fazer. Mas se eu só usei o recipiente descarregado, salvou isso e ir para o irmão novamente e atualizar que agora você pode ver que o espaço é muito tinny agora, Só por quê? Porque agora você está usando o fluido de contêiner, que na verdade não obter espaço extra, mas nos dá a resposta para os contêineres de inicialização são Eles são realmente importantes para o bootstrap e usará o contêiner e o fluido de contrato em o curso completo. Então, na próxima aula, Nuland, mais algumas coisas ficam atentas e boas 8. Sistema de grade de 6 REN (1): Olá, todos os sete descrevem. Estamos apenas falando de degradar sistema após bootstrap. Então, na verdade, bootstrap tem grande off 12 colunas. E você pode realmente colocar toda essa página entre essas 12 colunas e bem, isso não é necessariamente geralmente as 12 colunas. Você pode usar duas ou três ou cinco colunas, o que você precisa, e você pode torná-los Vaida de acordo com sua necessidade. Isto é uma única coisa. Mas como você a coluna e quais os benefícios que podemos obter dessas 12 colunas? Simplesmente que não precisamos nos preocupar com realmente nos preocupamos com o esconderijo na verdade, a margem de partida e outra coisa, que depende da dimensão, porque lá temos o sistema de grupo. Então, como usar esse sistema judicial? Você simplesmente colocou a gorjeta Dave dentro do contêiner. Ok. O recipiente é a média e dentro do recipiente. Eu só estou digitando aqui porque, além disso, você sabe que tudo que você quer colocar dentro do bootstrap, nós temos que usar a classe para isso. Então aqui eu só coloco na aula e então apenas digite ok, m d agora apenas digite qualquer coisa. Ótimo. E, na verdade, no entanto, o tamanho que você quer? Por exemplo, eu só queria 12. O sistema bom de 12 níveis precisa de 1 a 12. Ou sobre este tipo. Sexo significa 1 a 6 aqui. Só estou a escrever muito bem. E então o que significa isso? Só estou falando do vermelho inteiro. Ok. Por exemplo, estou apenas pressionando interino, colocando uma cor aqui. É azulejos. Volte ao redor da cor. E a coluna Este colocando como azul claro. Ok, eu só coloco como, soprar cabelo e então aqui, hum, esta digitação. Olá. Agora guardei isso. Vá até o irmão e refresque isso. Agora este é o “olá”. Você pode ver se eu apenas digitar seis. Suponha que eu só digite seis. Refresque agora é o Griggs de seis níveis. OK , tinha Itália. Seis colunas, e eu estou apenas duplicando isso. E esta tem duas colunas, e a cor de fundo é como verde. O grande sistema é realmente fácil de entender este foco que agora você pode ver que estas são seis colunas e estas são apenas duas colunas. E agora temos antes coluna deixou a duplicata que e era apenas tipo quatro cabelo e deixar este tipo o organizar ou qualquer cor. O que você preferir é um fresco que agora a tela sagrada foi coberta. Se eu só digitar cinco aqui. Oh, então sobre isso, este é o quatro real. E atualize que agora este é um perfeito. Agora, se eu apenas digitar os cinco aqui e salvar isso de volta e atualizar isso agora você pode ver que é impossível colocar as 13 colunas em uma única linha. É por isso que as cinco colunas Who estão lá porque as cinco colunas inteiras estão no único dia. Então este é o grande sistema fora do bootstrap enfraquecer tipo cinco anos no minuto em que 55 anti, o que significa que o 12 atualizado que agora nós apenas collared o problema adicionando apenas 12 colunas em uma única rocha. Definitivamente ele tem um cru bem, então eu posso adicionar a data aqui para as colas cruas desiguais a crua. Nada mais a fazer aqui e vamos pressionar e vamos colocar todas as colunas aqui dentro da rocha e por que isso é Ben eficiente para usar o cru. Só estou guiando você de novo. Criando cruelmente outra aula de morte e datilografia. Ok. E há apenas copiando apenas para um, não o todo. Sim, só estou colando essa poupança e indo para o irmão e me refrescando. Agora todas as coisas estão dizendo, Você pode ver que, mas se eu apenas copiar o último e em vez de enfrentar dentro da Roma apenas provando isso fora do cru e salvando e refrescante Agora você pode ver que o próximo Olá não está no cru. Na verdade, isso é depois do elemento. E agora, usando o errado, você pode ver que ele realmente curou o espaço extra do fluido, o contínuo desacelerou. Certo, agora ainda não está indo atrás do contêiner. Você pode ver que ele tem um espaço se eu apenas usar o país em um questões de benefício o país descarregado agora por causa das rochas estavam realmente cobrindo todo o espaço, mas não quebrando pela maneira como ele está fora de Vera. Assim é. Ainda tinha espaço extra. Mas agora esses elementos têm o espaço extra, mas na verdade dentro do cru e realmente dentro da coluna. Então eu espero que você realmente tenha ficado sobre as hastes e as colunas. Mas uma coisa onde eu só quero limpar você que há vários tipos de colunas. Por exemplo, estou apenas guiando você dessa maneira. Ok, então aqui podemos usar o S m ou o X s f m m d l z lg Então qual é a diferença entre os excessos Xs s s m m d n l g g s para os dispositivos extra pequenos como tolo móvel ou algo móvel? Certo, Bs. E para os pequenos dispositivos, como abas e iPads ou qualquer tamanho médio para os monitores. Geral monitor Cidade Canal para laptops e PCs. Então, médio, ok. E o extraordinário grande é na verdade para apenas como o I Mac e esse tipo de dispositivos para que eles possam usar qualquer um deles se de acordo com a necessidade de excesso. Mas eu só estou usando o meio porque meio é adequado para todos os tipos de dispositivos. Podemos usar um meio para pequenos dispositivos para dispositivos móveis para dispositivos grandes. Então simplesmente não mude isso vazio para nós e, bem, eles contêm a sua opinião. Na verdade, cômoda, Ele não vai lhe dar o resultado da mudança, ele estará dizendo, mas na verdade o meio é para todos os dispositivos. Então mover o melhor é médio para trabalhar. Então, espero que na exploração sobre o grande sistema aprendamos apoiando a próxima última estadia sintonizada e adeus. 9. 7 estilos de texto (1): Olá e bem-vindo de volta. Então, nesta aula e vai ensinar-lhe mais algumas coisas, na verdade, estavam apenas falando sobre os estilos de texto. Então, para este propósito, eu estou realmente copiando isso todo indexado, racional e colando lá e apenas digitando o velho Jamiel bunda e salvando isso. Mas uma coisa é fazer aqui, eu estou apenas movendo o bootstrap Ling da velha estima doente. E aqui estou eu, esta digitação em vez do bootstrap aprendido, mostra oito Kamal na corporação de Joe Parries e apenas digitando o HTML antigo. Ok, aqui deve ser o mesmo. Não tem nenhum problema. Então o que eu vou fazer aqui no antigo HTML? Eu sou apenas na verdade, Primeiro de tudo, Eu sou apenas tipo bang, adicionando um diabo em vez de decidir que desenvolver esta digitação etch um. E aqui estou eu dentro de uma criança. Só estou digitando odiando. Eu estou duplicando isso neste deve ser 234 Hum, este deve ser muito cinco. Ok, então este é cinco. Isto é para este é três. Este é o seis agora. Guarde isso e Legis simplesmente copie este Procurado lá. Guarde isso. Vá para o irmão ou antes que ele vá para o irmão. Basta abrir o bootstrap e abrir este, que é. Na verdade, eles já estão revigorados. Ok. E desça e clique duas vezes. E isso abriu a velha célula direcional A. Então este é o bootstrap, e este é o azulejo mais antigo. Você pode ver que há muita diferença entre os dois arquivos, que eu só quero mostrar a vocês. A segunda coisa é, isto deve ser às seis. OK, diga isso. E eles devem estar às seis. Porque depois de esclarecimentos sobre o tudo em fresco, aquele e aquele que você pode ver que há pouca diferença entre os arquivos do barco. Mas a outra coisa é urgente. Digite e adicionando um casaco preto. Este é outro tomador confiante do extremo. Todos os cinco simples realmente vai saber o ativo em cinco. Mas aqui, dentro da quadra negra. O que? Só vou apertar o bloco. Área de cabra salvou isso e co p colado no arquivo rastreável índice. Aqui. Agora salve e vá para o irmão novamente. Refresque esse. Este é um casaco preto e refresque-o. Isso é simples, mas aqui você pode ver que Há uma pequena linha de guindaste branco Schlein cinza aqui. Você pode ver que isso é chamado de casaco preto fora do bootstrap. E este é um código de barras geral. Espero que tenha entendido a diferença entre os dois. Agora, a outra coisa é, nós temos o fechamento interessante fora. O bootstrap para o Blackwood está adicionando as garras e apenas digitando sorte. Citação inversa como este corte deve ser. Você sabe, salvar isso, ir ao irmão e atualizar isso. Você pode ver que o casaco preto está realmente começando da direita e terminando para a direita . Então esta é a nova coisa do casaco preto, que na verdade não está no geral no estábulo A básico. Então uma coisa onde este claramente que quando você usa o bootstrap, você deve claro que você está apenas digitando o que você está usando a estimativa cinco versão. Agora o fresco que não está mudando. Mas quando você vai mais fundo no bootstrap, você tem reboque colar o tipo escuro, porque isso é realmente necessário. A outra coisa é, que na verdade é apenas no bootstrap é quando eu apenas ir para a batida e dentro da batida . Só estou usando a etiqueta pequena. E aqui estou eu, essa cabeça de datilografia salvou isso e ir até o irmão e atualizar isso. Agora você pode ver que a cor acinzentada odeia um que é realmente exatamente como o subtítulo do bater. Então isso é um bootstrap. Mas se eu copiar isso e colar isso na velha nimule de cinzas então guarde isso e vá até o irmão e atualize que uma vez de nada de novo aqui, isso é o mesmo. Na verdade, no velho Oshima o H foi derrotado. O pequeno e pequeno não é nada aqui, mas aqui podemos ver que o texto deste pequeno, mas com a grande cor Esta é a botas, certo? Então agora, depois do casaco preto, eu estou apenas digitando entender o ataque A B B r, que na verdade é apenas para a abreviatura de qualquer texto. Eu sou apenas na verdade, Mas antes do a b b r eu estou apenas digitando p tag. Ok. E aqui estou eu descendo a etiqueta p e antes que o bebê esteja falando apenas digitando o você e é ou a U.N. U.N Conecte o mundo um ao outro. O que quer que você digita, isso não é necessário. Mas aqui. Eu só estou cortando o U. N e colando isso dentro da cerveja Eva porque eu só quero a abreviatura da ONU Então eu estou apenas digitando o título e apenas digitando United Nation salvando isso e disco embrulhando este texto e colando o velho h nos enviou por e-mail após o casaco preto, salvando de volta e refrescante lá. Agora você pode ver que quando eu apenas pairei o mouse sobre a ONU você pode ver que as Nações Unidas Esta é uma maneira geral, mas eu estou apenas indo aqui e refrescante. Agora você pode ver que não está deitado no fundo U. N do U. N. N. Mas então eu só cobri o mês que eu estou recebendo o texto, mas não no texto. Obter o título é a parte inferior do cursor com um ponto de interrogação. Ok, mas não há nenhuma regra quando eu só espero que o mouse no texto. Ou você pode ver que a ONU é colocada no texto, que na verdade não é o bom caminho, mas sim o rasgo. Na verdade, está colocando a parte inferior do texto, o que é perfeito. Bem, estou apenas pressionando ela de novo. E por que não? Eu apenas adicionar o extremo tipo escuro significa a versão html cinco. Ei, olhos, porque a mesa ativa em cinco minutos é realmente simples, na verdade. Bem, quando falamos sobre o bootstrap, na verdade, eu só quero usar a marca tag, que é nova em html, Extreme de cinco elementos. Então eu só estou digitando aqui. Esta é a marca. Guarde isso e copie isso. Coloque isso no índice tradicional, que é na verdade a versão bootstrap. Então, em primeiro lugar, refrescar o velho movimento realmente. Então esta é a cor amarela, que é chamada de mais tag. Mas aqui, quando é um fresco que esta não é a cor amarela, isso é exatamente como a cor amarela branca ou a cor cremosa, que é na verdade o ah, bootstrap rusian fora da mesma tecnologia. Bem, há algo mais sobre o bootstrap e especificamente os estilos de texto do bootstrap. Falaremos na próxima aula. Fique atento e adeus 10. Mais sobre estilos de texto (1): Olá e bem-vindo de volta. Então, nesta aula, estávamos falando sobre os estilos de textura mais no bootstrap. Seja qual for. Basta colocar a etiqueta do negócio a etiqueta de detalhe e dentro do detalhe como o ódio fora do detalhe deste tipo D T. E está cobrindo isso. E entre estas etiquetas neste jornal de digitação, posso escrever qualquer coisa, o que eu quiser. Então o jornal e aqui o interesse premente está colocando d d d cobrindo isso. E aqui estou eu apenas digitando o jornal pode ter algumas notícias interessantes. O que quer que você queira digitar, você pode digitar lá, e a próxima coisa é pressionar uma linha. Gregan digite DT novamente. E dentro deste DT a Internet, Internet Crescent executar tipo DD novamente e, em seguida, apenas batendo novamente. E lá, entre eles, este tipo, a Internet é a maior ferida para obter exes em milhares de informações, o que quer que você queira digitar informações. Então agora simplesmente, eu estou apenas copiando este negócio e colando isso aqui no velho que realmente se move colando lá e indo para a pasta aqui e apenas abrindo o índice de quimioterapia lá. E, novamente, a alça de inicialização nos dados antigos. Steve Oh, este é o jeito antigo. Você pode ver que o jornal, o jornal, alguma coisa. Mas o que é um novo caminho está realmente aqui. Agora o que? Eu apenas atualizo que agora você pode ver que o jornal é ousado e o texto na parte inferior do jornal é simples, mas ele não tem espaço extra, como você pode ver isso aqui. Ok, então este é um estilo específico. Mas se você quiser apenas adicionar alguns espaços, basta colocar um hífen dentro de seu rosto para que isso possa ser em confiar seu estilo. Salvou isso e se refere que Não. Oh, eu não estou recebendo nada. Oh, eu só coloquei essa coisa para a filha velha. Vapor. Bem, eu só quero colocar este cabelo. Poupe isso e Rufus que se importa. Agora você pode ver que isso é mais interessante é o estilo. Bem, a outra coisa é, eu só vou lá no negócio e só Kloss e as aulas são horizontais. Esta é uma classe interessante fora do negócio tão atualizado que agora você pode ver que ele realmente tem algum espaço extra antes disso. E agora você pode ver que a coisa toda está no caminho horizontal. A outra coisa é o pré tag. A etiqueta realmente interessante. Qual final vai te ensinar isso depois do negócio do negociante Tag o pré Ok, se você já sabia sobre a tag Pru, que é absolutamente Komen tag extremo, que na verdade pode mostrar seu texto em seu caminho. O problema é que geralmente estimar apenas evita os espaços em branco extras e quebras de linha extras . Mas usando o b r P r E tag, você pode adicionar linhas extras, espaços, espaços, quebras de linha extras e espaços corretamente. O que você quiser. Por exemplo, este é um parágrafo de espaço longo. O que você quiser, um tipo que você pode. Não há nenhuma restrição nisso. Agora estou pressionando, digite e adicionando algumas guias e, em seguida, a nova linha está bem. Agora salve isso e vá para o navegador. E refresque isso. Você pode ver que esse texto está na maneira que você deseja que os espaços realmente OK em com as quebras de linha reais e os espaços em branco. Mas se eu simplesmente copiar este e colar no HTML antigo, então, na verdade, ele se sente mantido sua regra ah de luta vibrar, quebras de linha e espaços em branco. Mas agora aqui você pode ver que não há um efeito específico em torno deste pré tag. Esta é a versão bootstrap. Bem, há mais algumas coisas sobre o texto é como se eu tivesse a etiqueta p aqui. Bem, eu não preciso mais trabalhar na velha estimativa, porque há algo que você já sabia. E, na verdade, agora o jogo é só para as aulas. Então nós, quando não estamos falando sobre o texto, então não precisamos do velho realmente sobre tags. Então, não precisa do antigo e-mail. Então aqui estou eu apenas digitando. Este é o Peyrard, seu parágrafo simples. Guarde isso. Vai ter com o irmão e refresca isso. Agora, este é definitivamente o parágrafo simples. Mas se eu apenas colocar um cabelo classe e nesta cláusula, eu estou apenas digitando texto succes salvar e ir para o irmão e atualizar que Agora você pode ver que ele tem um pouco de cor verde, que é perfeito agora, indo lá e duplicando este várias vezes. E aqui este não deve ser o sucesso aqui. Estou apenas digitando perigo. Ok? Há muitas equipes em cores. Refresque isso. O perigo significa a cor vermelha. Ok. Usaremos o perigo. O suga diz que a informação e um monte fora diferentes equipes fora do bootstrap de várias maneiras, Estas são as cores simplesmente. Está bem , está fresco outra vez. E agora a gripe está um pouco azul. E aqui eu estou apenas digitando primário Diga isso e atualizou que Agora as primárias luz azul e na verdade a informação é um pequeno golpe escuro. Replicar isso de novo aqui. Estou só a escrever, silenciado, mutado, tal como a grande cor. Não, como você pode ver, que eles têm isso de novo. E aqui estou eu, removendo o aviso de mutação e digitando. Esta é outra cor interessante quando é atualizado que agora você pode ver que o aviso está lá que é realmente como a ferramenta acastanhada. Bem, basta aplicar o fundo Roseville. Eu posso aplicar o fundo sobre os novos, mas eu estou apenas me inscrevendo aqui. O sexo B G está bem. O sexo Bee Gees é uma classe do fundo em um fresco que agora você pode ver que diariamente o fundo do sucesso BG Bem, isso não é necessário aplicar o sucesso no sucesso. Posso mudar para informação. O que eu preferir. Guarde isso e atualize isso. Agora você pode ver que o verde no azul. Mas isso não está olhando. Não é perfeito porque deveríamos ter, como o mesmo no mesmo. Então, a propósito, aqui o perigo BG diz isso e refresca isso. Ok, agora aqui estou eu aplicando outro. Bem, isso não é necessariamente pelo texto também. Só podemos trabalhar na BG ou apenas no texto, a propósito. Tão atualizado que de volta olhando mesmo indo lá e pressionando o espaço e digitando BG primário e, em seguida, indo lá e aqui. Bem, não há nenhum efeito para o silenciado nas comunidades de fundo apenas para o texto, então podemos digitar b g silenciado ou o que quer que seja. Mas há a coisa para o aviso de texto para Bt aviso. Vamos apenas refrescar isso. Agora você pode ver que eles são a cor primária. Ok, Agora você pode ver que quando ele é fornecido, a cor primária a cor base é automaticamente ou na verdade a cor do telefone está automaticamente ficando branco porque é impossível mostrar a cor escura no escuro plano de fundo. Então a palavra presidente, o bootstrap sabe melhor. Desculpe, só estou misturando o presidente mundial Bootstrap várias vezes, a propósito. Então este é o efeito de advertência. Espero que você entendeu tudo o e que nos últimos algumas coisas, algumas coisas interessantes que você deve saber sobre o bootstrap e o texto é telhas. Se eu dissesse que o colapso do chumbo, vamos verificar. O que é isso aqui? Só estou digitando a liderança. A nova pera. Ok, agora guarde isso. Vá até o irmão e atualize isso usando o parágrafo principal. Este é um parágrafo principal. Você pode ver isso. E se eu apenas digitar o em vez de chumbo, eu apenas digitar pequeno, salvar e ir para o irmão e atualizar. Agora, esta é uma pequena pera. Seja qual for. A próxima coisa é, estou simplesmente a duplicar esta outra vez. E mudar esta é uma classe pequena e aplicar texto, certo? Ok, agora refresque isso. Agora o texto está no lado direito porque eu para fornecer o texto. Certo? Então definitivamente você não precisa usar o texto, decoração ou alinhar texto, centro ou direita é digitar diretamente texto, certo? Ou o centro de texto. Todas as mensagens enviadas caíram. Definitivamente. Não precisamos levar o texto à esquerda porque este é o valor padrão. Este é um texto deixado. Este é o centro de texto. E isto é um texto, certo? Bem, o próximo é texto maiúsculo. E refresque isso. Você pode ver que o novo Pará está em letras maiúsculas, que é sua utilidade letra Normal. Se eu apenas replicar isso agora aqui. Estou só a escrever minúsculas. Salve isso e atualize. Agora você pode ver que o chá é maiúsculo T e N p é capital aqui. Mas aqui todos eles são realmente pequenos. Então eu espero que você tenha ficado sobre isso também. E na próxima aula, aprenderemos mais algumas coisas, então fique ligado e adeus. 11. 9 mesas de bootstrap (1): Olá e bem-vindo de volta. Então, neste feliz você está apenas sobre aprender sobre as tabelas de bootstraps. As tabelas são realmente simples como apenas como o extremo. Oh, mas se você adicionar o colapso do bootstrap, então eles se tornarão algo realmente confiante. Então tudo o que não fazemos é uma simples jogada. E aqui esta é a área de ódio fora da mesa, a cabeça T e dentro do t odeiam. Estou apenas a criar alguns TD e dentro de cada TV o que estou a fazer é isto é que o Eno tem duplicar isso. E aqui este é o nome e ali deve ser a abelha. Ok. E aqui não pago o que você quiser digitar, você pode digitar lá e então eu estou indo para baixo e apenas realmente Oh, não vá para dentro do calor. Ele tinha realmente criado o corpo logo após o Haight, assim como eu estou fazendo e então apenas entrar no saque do chá e lá apenas criar o chá ou e dentro do chá, ou apenas criar o TD, que é realmente importante. Este deve ser o único e este deve ser o nome, que eu estou apenas digitando junho, Seja qual for o nome que você em um tipo e o pago 500 o não pago 200 apenas para mostrar-lhe. Esta não é a questão do que estou apenas digitando nas celas. Vamos simplesmente duplicar todos os valores dois e três. Não vou mudar outra coisa porque só quero obter o resultado. Então vamos cancelar o antigo e atualizar esse. Então esta é a mesa, mas não tem nada de novo, apenas simples comum. Mas quando eu só vou para a etiqueta da mesa e apenas colocar o brilho e eles estão dentro do Coliseu , esta mesa de digitação agora salvou isso e ir para o irmão. Os novos dados. Você pode ver que a tabela foi definida ID como a tabela de bootstraps. E, em seguida, se eu apenas pressionar no espaço e digitar tabela porque há um monte de maneiras de criar uma tabela em vez de apenas pressionar um espaço, eu estou simplesmente copiando esta tabela e colando após a tabela anterior. Agora você pode ver que este é um novo estável, então a classe da tabela deve ser colocado aqui e, em seguida, apenas tomar a mesa. Está despojado, o que você quiser. Quando eu apenas digitar mesa despojado. Agora vá para o irmão e lá estou eu apenas refrescando este. Agora você pode ver que esta é a sua classe de viagem que é realmente perfeitamente educada agora, indo lá novamente. 01 coisa a mais. Só quero esclarecer que isto não deve ser o TD. Deve ser a borda T. Então eu estou apenas correto desafiando isso a virgem TSH TSH para ainda e o último é th bem, o próximo tem o mesmo problema. Isso não é grande coisa para ninguém, mas esqueci de digitar primeiro. É por isso que eu estou apenas observando que o resultado do mesmo Agora, se eu apenas atualizar que agora você pode ver que o th é um pouco ousado, perfeito. Bem, há outra maneira de criar a melhor tabela. Basta copiar o anterior e colar logo após essa tabela aqui e ir para as tabelas colas e remover a mesa é despojado dedo do pé condensado salvar. Acho que só coloquei a ortografia errada. Vamos testar este fresco que agora. Sim. Eu só coloquei a ortografia perfeita. Na verdade, o condensado significa realmente remover espaço extra, espaço extra em torno do elemento que sai e emergem em, que é chamado de condensado. A mesa condensou novamente. Vamos apenas colar a mesa novamente, e é a partir destes tropeçou o que destruiu Howard salvar e ir para o navegador e atualizar aquele. Agora o que é o No entanto é o mesmo, assim como o topo. Mas então eu apenas pairei o mouse sobre o elemento sobre o elemento. Agora você pode ver que ele está pairando e nos mostrando o status Howard. Bem, vamos apenas replicar o anterior novamente. E aqui este não deve ser o despojado ou quão bem, eu posso digitar fronteira, Ok, limitado. Guarde isso e atualizei aquele. Agora você dá a você que tem o efeito de fronteira. Perfeito. Mas se você só quer as fronteiras aqui com o efeito de pairar também, então vá para o topo. E então esta é uma aula simples. Você, se não pode trabalhar com as aulas, então pode entender o que estou fazendo. Apenas colocando duas ou três aulas. Refresque esse. Agora isto tem as fronteiras. Este é o segundo último. E também é que tem o efeito pairando. OK, agora está muito melhor do que o anterior. Então eu espero interessado sobre as mesas, Algo mais. Eu só quero esclarecer que se você só quer ir lá e na verdade para os melhores você quer ter, tipo, tipo, último perigo fora que você aprendeu sobre isso. Perigo é a informação de cor vermelha é leve baixa e agora você pode ver que esta é a cor certa . Ok, agora aqui garras na íntegra salvaram isso e atualizaram isso, na verdade, e quem não tem efeito aqui? E há uma razão pela qual a informação foi aplicada no TSH e o TR fora deste th já tem o perigo colossal. Corte isso e cole-o para o TR o outro tr e deixe apenas testar isso no navegador. Então, refresque essa. Agora você pode ver que o segundo número de Joan tem a cor azul, a informação, e eu estou indo lá agora. Só estou aplicando o efeito em um TD. Posso aplicar o efeito na vila dos TDs. Então o que eu vou fazer é avisar, salvar e atualizar. Agora, o efeito de aviso é apenas em uma única TV. Mas se eu pudesse fornecer qualquer efeito sobre o TR para que este colossal se sobreponha? Bem, eu só estou indo lá e apenas, uh, colocando outra legis primária Kloss. Verifique isto no navegador. Refresque isso. Agora, onde está o efeito primário que estou recebendo? Acho que eu só ... Bem, cometi um pequeno erro aqui. Isto não deveria ser o principal aqui. Eu deveria tomar o ativo, na verdade, primário é e nada nas mesas. Refresque isso. Agora aqui, este é o colapso ativo. Você pode ver. Na Joan se eu digitar em vez de John. Alicia, meu nome reformou essa. Agora podemos ver que o show tem a cor acinzentada. Este é o efeito ativo fora da tabela. Bem, primária não está na mesa, então espero que Andrew tenha feito tudo sobre as mesas. Uma coisa Mawr, se eu só digitar porque estou tratando você a coisa toda. Então, por que não? Acabei de colocar outra cláusula da última, que na verdade é o sucesso. Então salve isso e atualize que agora os sucessos lá. Então, esta é a turma inteira está fora da mesa. Não, a aula pode ser aplicada aqui, mas você pode fazer suas próprias aulas em Ville. Então, espero que tenha ficado de pé. Todas as coisas sobre as tabelas no bootstrap aprendemos mais alguma coisa. A próxima aula fique atenta e adeus. 12. 10 imagens de bootstrap (1): Olá e bem-vindo de volta. Então, nesta aula, eu só estou fazendo mais algumas coisas. Primeiro de tudo, estou apenas criando uma imagem. Bem, não criando apenas adicionando uma imagem à página web. Então a fonte das imagens em majors barra Eu sou Você quer que JP T. T. Então a pasta de imagens está lá no bootstrap. Agora aqui. Esta é uma pasta importante, e esta é a imagem I m g, que eu forneci. Então vá para o irmão novamente, ou o bloco de notas novamente e salvou isso e vá para o navegador e atualize aquele. Esta é a imagem em tamanho real. Certo, Perfeito. Mas a outra coisa é, você pode ver que ele apenas atravessando o contêiner também. Mas se eu apenas aplicar a classe do bootstrap Venha, Neil salvou isso. E refresque isso de volta. Agora você pode ver que ainda está na mesma posição. O que significa que tenho que aplicar o vídeo da imagem também. Então, com e dois ou 300 PX. Diga isso e atualize isso. Agora a imagem é muito pequena. Você pode ver isso agora. O que a miniatura fez você pode ver se eu apenas remover a miniatura. Estou apenas mostrando sem a miniatura fresca que agora você pode ver a imagem está em um pouco tamanho completo. Mas quando ele fornecer a miniatura aqui, atualize isso. Agora você pode ver que uma borda ao redor da imagem pode ser vista aqui. Então a borda arredondada é a miniatura? Então agora se eu apenas ir para o bloco de notas e simplesmente duplicar esta imagem e agora atualizar essa . Agora há duas imagens. Então, por enquanto, em vez da miniatura, estou aplicando o círculo I m g. Guarde isso e atualize aquele. Agora você pode ver que esta imagem tem um belo círculo em torno dela. Isso é chamado de “Eu sou apenas círculo”. Então eu posso aplicar lá o i N g. Algum prego salvou isso e atualizar aquele. Agora, esta é a nova versão do dump Neo com o mesmo efeito Aproximadamente Bem, esta é a versão correta fora da miniatura. Este não é para as imagens. Então agora eu estou apenas relacionando o primeiro 1 e jogar recebendo este e vamos aprender mais algumas coisas no próximo último então declarar e adeus 13. 11 Botões de alça de inicialização: Olá e bem-vindo de volta. Então, nesta aula, vou te ensinar sobre os botões. Os botões podem ser muitos estilos. Está bem, só estou a mostrar-te o botão. Ok. Este é um botão simples. Estou apenas digitando algo como clique ou apenas correto. Se eu o texto, colete-me, salve e vá até o irmão e atualize esse. Agora, este é o botão, que é o clique pode. Mas estas não são as botas para um recurso. Se eu apenas aplicar a classe do bootstrap aqui e apenas digite b TN obediente é realmente claro que ele está prestes a falar. Ah, mas agora este é o botão do bootstrap, mas sem qualquer efeito. Se eu apenas adicionar outro tipo de espaçamento beleza no padrão, salve isso. Vá até o irmão e refresque isso. Agora este é o BD para cair efeito fora do bootstrap. Você pode ver que bem, em vez disso, se eu apenas digitar primária, salvar isso e atualizar que agora, este é um efeito primário do bootstrap, mas duplicação e, em seguida, em pleno efeito, você quer que você pode aplicar. Refresque esse. E esta é a informação duplicada, duplicada e aqui. Eu só estou digitando sucesso nisso deve ser devore Ning salvou isso e ir para o irmão e atualizar que Agora isso é um sucesso e isso é um aviso. Todos eles estão olhando. Sério? Mas há alguns. Ou se eu apenas duplicar esse e apenas digitar link este é outro efeito novo. Salve isso e atualizei isso. Agora o botão está parecendo o link. É por isso que esta chamada classe link e, em seguida, a última é o perigo. Você sabe, sobre o perigo que a cor vermelha refrescou que agora esta é uma classe perigosa. Bem, depois disso, a outra coisa é o tamanho. Se eu apenas aplicar BD en lg lá, salvar isso e atualizar que Agora o botão está parecendo um pouco grande porque ele tem a classe de algas. Eu vou lá e coloco o BD em MD MD é do tamanho normal para que não achemos nada novo. Mas se eu apenas aplicar o BD em s m e salvar isso e ir para o irmão e atualizar que agora o sm é realmente terminou em pequeno E o meio é realmente se você apenas lembrar que eu fiquei para você que o meio é um tamanho comum, mas há outra oportunidade para colocar-se o Bt n ex Troy pequeno. O excesso revigorou isso de novo. E agora esta é a ciência extra pequena. E agora todos estes são os botões. Especificidades. Bem, isso é tudo que as coisas são realmente simples. Mas se eu apenas remover o SM ou qualquer outra coisa, então se eu apenas aplicar o BD e bloquear, então o que é DBT e bloco? Então vá para o irmão e atualize que agora o bloco é realmente cobre toda a área, e isso só depende do pai, David, o pai, Davies, um país e fluido que na verdade cobre toda a tela. É por isso que ele está apenas cobrindo toda a tela. Bem, há mais algumas vantagens no botão. Duplicar essa outra vez. E para esta aula, estou removendo o bilionário simplesmente digitando este capaz, salve aquele e atualize que não está nos dando nenhuma resposta. Isso significa que ele deve ser desativado, não o deficiente simples. Atualize esse, e agora você pode ver que este tem, em efeito, desativando, então isso significa que está funcionando perfeitamente. Mas eu estou indo lá novamente e aqui, removendo os 1.000.000.000 ASEM. E eu estou apenas digitando Act aqui. Então o que? Os homens do ativo reafirmaram que agora está apenas parecendo que está ativo. Espero que tenha notado sobre o fechamento ativo também. E todas essas coisas são os botões. Especificidades. Aprendemos mais algumas coisas na próxima aula, então fique ligado e adeus. 14. Grupo de botões 12: Olá um. Bem-vindo de volta. Então nesta sala de aula vai te ensinar mais algumas coisas sobre os botões. Na verdade, vou ensinar sobre os botões de grupo em você e confiar coisas fora do rap de botas . Então aqui estou eu apenas estabelecendo uma perda legal. E, em seguida, dentro do Coliseu, apenas adicionando o bt e o grupo, que na verdade esclareceu que você está prestes a fazer um grupo dentro, e então simplesmente digite o botão. Apenas botões simples, como fizemos antes. Ok? Não acho que seja um problema para ninguém. Bem, isso é colocar a classe e 1.000.000.000 de espaço e depois os 1.000.000.000. Agora vamos mencionar qual efeito você deseja. Por exemplo, você quer a informação ou você quer o sucesso ou o que quer? Agora duplica essa. Mas antes de duplicar, estou distraindo minha casa aqui. Agora, eu tenho os quatro botões aqui. Vamos falar com o irmão e atualizar isso agora é o todo antes de casa, na verdade. E qual é o grupo? Você pode entender que aqui você pode ver que os cantos ao redor mortos para todo o grupo. Ok. E os botões do meio são Esquire em forma de coro. Isso é chamado de grupo de botões. Espero que ele tenha entendido isso. Eu só vou te ensinar mais algumas coisas sobre o grupo BD en. Mas antes disso eu estou simplesmente copiando este e colando lá. E então, se eu apenas adicionar uma coisa, o grupo vertical liberiano Vertical agora atualizou isso volta. E agora este é o grupo vertical, que realmente jogou na maneira vertical. Não na forma horizontal, espero que na pesquisa sobre as formas de barco. Então o terceiro caminho agora está pronto para ser ensiná-lo. Então agora o que eu estou fazendo apenas criando outro Dave e indo para o primeiro tag def e apenas digitando Koloss e, em seguida, novamente criando o grupo de botões e pressionando seu rosto no guru botão digitando. Então a novidade é, mas em grupo justificado, você vai aprender algo interessante nisso. Mas antes disso, basta criar outro Dave entre, uh, o grupo justificado e ok, aqui estou eu apenas recebendo um Kloss e na primeira classe, adicionando a beleza no grupo Ok, Significa que agora todo Dave tem um grupo obediente e apenas um bilhão só o botão. Aqui. Você pode ver esse botão e com a mesma tática, basta colocar a cláusula e, em seguida, apenas mencionar o BD em. E agora o sucesso médio efeito, o que afeta você como você pode colocar sua agora apenas tipo software. Posso datilografar qualquer coisa . Eu exatamente como eu fiz duplicado isso três vezes. Agora vá até o irmão e refresque essa. Agora você pode ver que ele está realmente cobrindo toda a área. Se eu minimizar agora, só porque eu tenho que lidar com isso de uma maneira mais diferente, basta apagar essa ferida e simplesmente copiar este é o primeiro grupo aqui. Agora temos três botões no grupo. Então vá para o navegador e atualize que agora isso é uma coisa que eu só quero te ensinar. Você pode ver que todos os botões foram justificados. De acordo com a morte dos pais, o contêiner, o contêiner fluído flutua. Então, definitivamente, porque o que eu só quero te ensinar bem, há muito mais coisas para entender e emprestar. Vamos falar sobre eles na próxima aula dizendo e adeus 15. Menu de REN DropDown: Olá e bem-vindo de volta. Então, nesta aula, vou ensinar-te coisas novas sobre os botões. Na verdade, aqui não conseguimos aprender os dropdowns, o que é realmente interessante no bootstrap. Então, primeiro de todas as idades disse que a classe da queda aqui e depois ir para baixo pressionando cimento. E então aqui eu vou apenas adicionar o botão na parte superior do Dropbox. Sinto muito, a cidade da queda. Então, a propósito, este é o botão. E aqui eu conheci na classe e com a classe de matting aqui, o 1.000.000.000 o BD na primária. Ok? E agora guarde isso. E aquele outro copo, que é que ele caiu. Tuggle. Ok, a lista dobra de vez em quando a luta de dados. Ok. O que? O pouco que você pode fazer, na verdade, para apenas limpar isso, nós só queremos deixar cair sobre os elementos. Usamos a bolha delta. Bem, aqui, eu só estou digitando o artigo. Tudo o que eu puder digitar. Agora, este é um botão onde você quer. Basta clicar nesta visualização botão que a lista suspensa. Então, a propósito, eu estou apenas indo para baixo e apenas criando nesta cidade. Oh, desculpe. Não esta panela aqui, na verdade. A UL. Que é o perfeito aqui. Estou decidindo a UL. Então ele decidiu a classe do bootstrap e caiu e o menu. Então agora vá para baixo. Porque aqui neste, hum, eu só vou adicionar muitos. Seja qual for. Eu só quero colocar as botas. Solte. Então, no primeiro nascido, mas antes do casamento, qualquer elemento, ele deve usar o ataque. Então, há o vale dos oito fora do único hash tag o hash. Nada demais. Bem, lá estou eu apenas digitando a tecnologia. Eu posso digitar qualquer coisa, o que eu quiser. Certo, então eles só removeram o duplicado que agora. Ali. Deve ser o Esta informação estrangeira. Deveria ser a ciência. Triplicado. Aquela outra vez. E lá deve ser o segurado. Certo, guarde isso e vá até o irmão refrescando este. Agora tenho o artigo. Quando é clique no artigo. Não estou recebendo nada. O que significa algo mais que eu tenho que fazer, o que eu simplesmente não disse isso. Esta é uma cláusula suspensa e esta é a opção suspensa. E lá está o problema de dados que é descartado. Então, tudo está claro. Então, qual é o problema que ele está tendo? Neste momento, tudo está claro. Mas quando não há nenhum problema do que há algo errado no topo, eu só vou para os dois primeiros checando. E sim, o problema é que a ortografia está errada fora do RJ bootstrapped é a bebida para embrulhar. Nós temos que usar a bota, sua alça, porque você sabe que o drop down está realmente funcionando a partir do arquivo bootstrap Js que realmente precisa sair daquele Jacksonville. Então vá para o bordel e refresque-se mal novamente. E agora quando é clique no artigo, eu estou recebendo os muitos, o que é uma coisa perfeita. Mas eu só quero, então a próxima coisa que eu vou fazer é realmente ir lá com o botão tag. E logo após o artigo, eu estava apenas digitando, pegando a etiqueta da calça dele. E lá o quê? Estou datilografando dentro dessas pantalla. Não estou digitando nada porque estou apenas adicionando uma aula apenas no que está começando a sair desse espaço e das aulas. O Karent. O que é a cenoura é Na verdade este é o este é um aero, Você realmente mostra que é uma queda para baixo. Então isso é muito legal, eu espero. Interesse oud, mas algo onde eu só quero te ensinar sobre a entrega. E se você não tivesse o botão para amar sobre você ou sua Ashley para que o usuário logout aqui? Eu só estou adicionando Lago gazela tão fresco que volta e é clique no artigo. E aqui está um link olhar para fora, mas ele está apenas parecendo um artigo porque você está na tag artigo. Bem, a outra coisa é, vamos até você é simplesmente simplesmente duplicar de volta um e remover a tag deste aliado. Certo, e adicione perda médica do divisor. Guarde isso de volta e vá para o irmão novamente, e eu vou atualizar isso e minutos clique no artigo. Agora está parecendo assim. Este é o botão local porque eles estão mentindo. A outra coisa a seguir é que podemos adicionar o odiador e como é um rebatedor que você esqueça esse aqui de novo. Vamos digitar esse odiador corrupto. Nós não podemos este ódio ou em qualquer lugar, realmente, você só quer, por exemplo, eu estou decidindo o aquecedor pouco antes do divisor no logotipo desta pessoa digitando. Sabe, e se eu puder amarrar? Isto é só por mostrar que é o odiador. Clique no artigo sobre este é o odiador, que na verdade não está olhando muito legal. Então, por que não? Os leitores cortam esta divisória e colam uma divisória aqui e depois guardem isso e vão para o sangue. Atualize isso agora pessoal. E há o botão de amor para fora. Então este é o odiador. Então, imediatamente, espero que tenha recebido sobre o que aprendemos, mas algo mais que quero dizer claramente sobre o odiador. Ainda assim, como fazer isso indo para lá e na verdade agora, apenas copiando o todo caído no buraco caído para baixo, ok? E juntando este granizo e adicionando uma CIA em coma na jóia apenas um menu de pano , certo? Salvo não foi para o navegador quando ele está fresco. Naquela noite eu tenho outro botão, mas quando eu apenas clicar no primeiro botão, ele está parecendo perfeito, mas eu apenas clicar no 2º 1 O manual está vindo do lado direito. Esta é a novidade, mas eu só te ensino agora. Então eles apenas copiam este de novo, porque algo mais que eu só quero te ensinar sobre o drop down down, mas não o drop down. Na verdade, sobre a entrega, vamos ao irmão refrescar essa. Agora, eu tenho novo, mas me Quando eu clicar neste botão, isso está mostrando a partir do para cima fora do elemento, mas na verdade, no lado direito, se eu apenas remover a lista suspensa Reid caiu em muitos. Certo? Em seguida, o fresco que volta. Agora você pode ver que o elemento está mastigando no topo da gota. Então isso é chamado de entrega, eu espero. Entendido. Isso não tem assim caras, Você aprendeu mais coisas na próxima aula, então fique ligado e adeus. 16. Glyphicon de 14 alça de inicialização: Olá. E bem-vindos de volta a esta aula, vou ensinar-te uma coisa confiante sobre o bootstrap. Na verdade, para muitas coisas, temos que criar ou realmente aplicar algumas imagens para múltiplos Aikens de Aiko, temos que aplicar algumas imagens, mas elas estão no bootstrap. Bootstrap está nos dando o aperfeiçoamento. Sempre que você apenas abrir a alça de inicialização, você pode ver que há uma solda divertida. Certo, que faz parte do bootstrap. E dentro da foto do telefone amigo, você pode ver que há um monte de arquivos como Cliff Aikens, halflings regulares de Halfling, e então bot SPD, TDF. Seja qual for o arquivo, não precisamos fazer nada com a dobra dos telefones. Oh, isso é apenas uma pasta e tudo é limpo pelo driver de botas CSS. Então só precisamos fazer uma coisa que você precisa chamar isso de Aikens. Ok. O que eu poderia nomear é, na verdade, ou como é que isso faz? Eu posso digitar Cliff. Eu não posso. Este é o nome do Eiken Cliff Aiken. E então o que eu posso fazer você quiser. Então agora há um problema vivo porque nós simplesmente não sabemos o nome dos ícones. Então, por que não? Eu só escrevo “Tickler Feikens “e “bootstrapped “do YouTube. Acabei de abrir o site onde posso obter os nomes de quem gosta. Então está prestes a abrir agora e então você verá a folha inteira. Agora, se você apenas eu leitão Vikan, euro que eu vou ter este sinal. Se eu apenas digitar o Cliff Aiken envolto e eu vou conseguir isso, uh, uh, eu posso ou qualquer coisa que você pode ver que há aproximadamente 2 56 ou algo assim. Eu não posso. Eu não... Eu só não sei sobre a qualidade completa, a propósito. Bem, este é um penhasco que posso ajustar. Isto é um penhasco. Eu contento a foto. E se você só quer colocar o vídeo em seu site e só quer mostrar o vídeo icônico Então vamos pegar o vídeo do tempo de rosto por enquanto, eu estou pegando o penhasco. Não consegui câmera. Ok. Então, Cliff Aiken, primeiro lugar que disse que a classe do dedo do pé Cliff Aiken aplicar a frente do penhasco Aiken, em seguida, viver. Não consegui fazer o nome do Eiken. Então, a câmera luva Aiken. Isso significa que esta é a classe. OK, Google. Se eu conseguir câmera alta agora, salve e vá até o irmão e atualize isso. Eu tenho a câmera aqui. Você pode ver isso. Ok, isso está realmente perfeito. Você pode usar a aula em qualquer lugar. Por exemplo, Aqui eu estou apenas digitando. Eu sou uma foto para o semi cólon. Ou começou um único código. Basta digitar o A P.O.S. P.O.S. P.O.S. o gráfico completo para Bem, isso não vai fazer nenhuma grande mudança porque nós não estamos programando ou algo assim. Esta é uma renderização simples. Agora você pode ver que eu sou a fotografia para então eu não posso revelar. Ok? Qualquer coisa. Suponha que eu só estou tendo um B estão aqui. E, novamente, criando esta panela uma coisa mais. Eu só quero esclarecer que isso não é necessário para criar o ícone do penhasco ou usou um gráfico dentro do span. Podemos usar o “I tag “como Bill ou qualquer outra coisa assim. Então, a propósito, lá estou eu novamente chamando o glifo Iker. Ok, então é cara agora eu só quero Teoh tirar o nome do envelope. Ok, Cliff, eu posso envelope lá, deixei Aiken, hífen e villa. Ok. E lá eu estou apenas digitando G d s k h m um d outro um ponto com gmail Agora salve e vá para o navegador e lá e atualize isso. Agora você pode ver isso aqui. Estou apenas mostrando o endereço de e-mail, e há o ícone depois do e-mail. Então isso é o que eu quero ensinar sobre o dedo do pé do Cliff Aiken como usar. Podemos usar o penhasco. Eichel está nas etiquetas nos botões também. Então vou usar o penhasco que posso dentro do botão. Ok, então antes do botão sobre isso, criar uma tag de entrada. Certo, Ty, e depois cubram isso. E aqui neste texto digitando, Mas antes que uma coisa onde eu estou indo apenas para fazer ou será um pouco típico para fazê-lo apenas diretamente. Use a etiqueta do botão. Eu só quero mostrar o par fora do botão e a entrada. Mas isso será típico para você. Eu sabia disso, a propósito. Para criar um botão. Basta colocar a beleza e e o sucesso ibérico. Isso está no estilo do botão. E, em seguida, aqui deixe este tipo de pesquisa ou qualquer coisa. O que? O que você quiser. Vá até o irmão e se refresque. Agora eu tenho o botão da busca aqui. E depois do anúncio de pesquisa no espaço ou antes do aumento, seja lá o que for. Onde quer que você só queira um lugar, seu ícone, é pan. Certo, agora vá para lá. E uma pequena busca. O sinal da onda é um concerto digno. É muito simples ir lá. E então novamente adicionando a classe do penhasco. Eu poderia espaçar o Google se eu não poderia alta de pesquisa salvar e, em seguida, atualizar isso. Agora eu tenho o link de busca aqui. Espero que em realmente estúpido possamos usar isso na entrada também. Você vai aprender que quando nós apenas falar sobre a entrada, como em protege campos e o que quer que seja. Então eu espero em Bristol como usar o Google se eu puder. Qualquer lugar onde só queremos de que maneira? Além de agora eu sei o site que eu apenas amarrado simplesmente. Cliff, eu não consegui que as folhas de truques de bootstrap ponto com acessassem toda a lista do bootstrap. Você pode ver isso. Eu sinto muito. Não o bootstrap. O Cliff Aiken. Há muitos feikens feios. Você pode usar qualquer um deles o que quiser de acordo com sua necessidade. Então, na próxima aula, aprendemos mais algumas coisas sobre o estado bootstrap, você sabe, e voltar. 17. 15 Jumbotron e cabeçalho de página: Olá e bem-vindo de volta. Então nesta aula e vai te ensinar sobre o Jumbotron e o odiador de páginas. Bem, você já sabia sobre o Jumbotron porque você aprendeu sobre o Jumbotron muitas vezes , mesmo na primeira, mantendo a primeira ou segunda classe também. Então agora eu vou usar um copo aqui, e ele está dirigindo para o jumbo. Oh, soletrar deveria ser Jumbo Theron agora salvou isso. E então seja o que for. Nós apenas digitamos dentro do Jumbotron em nós apenas vemos o jumbotron sem nada, nós podemos ver a grande, jumbo, área cinza branca no rebatedor. E assim como o batedor, isso é chamado de Jumbotron. OK, tão legal. Mas e se eu digitar qualquer coisa dentro do Jumbotron? Algo muito importante. Você deve saber sobre o Jumbotron como eu estou fazendo. Se eu colocar a textura, por exemplo, o Jumbo Tron diz isso. Vai ter com o irmão e refresca isso. Agora você pode ver o texto, o Jumbotron. Eu vou copiar este, o texto, e apenas colar este cabelo e depois voltar e refrescar isso. Agora você pode ver que o barco é o Etch. Mas você pode ver a diferença facilmente que este Jumbotron é realmente pequeno. Se você apenas comparar este com aquele. Então definitivamente, na verdade, este não é realmente o Jumbotron, mas tributado é o Jumbotron. Então deve ser o jumbo estar batendo sem Jumbotron. OK, agora vamos refrescar o ódio sem Jumbotron e o Jumbotron. Então definitivamente você pode ver que isso é um pouco pequeno se você apenas comparar com isso porque este qual está na classe jumbotrons. Então eu espero sob que as cláusulas Jumbotron não só efeitos sobre o Dev principal, mas também sobre o seu filho. Como você pode ver que bem, este é um jumbotron. Mas a outra coisa é, se eu apenas pressionar interino, basta colocar o cabelo do Dave outro Dave. E então aqui eu estou apenas adicionando outra classe agora a mais famosa, na verdade a mais utilizável. A coisa é Page Heda, que muitas vezes usamos em vez do Jumbotron. Porque o batedor de página parece mais em confiar por causa de sua aparência simples. Se eu só estaria batendo dentro de oito rebatedor como véu e eu apenas te dizer a página, Haider salvou isso e ir para o navegador, Atualizar aquele agora o odiador de página. Você pode ver que as texturas muito pouco maiores ou, na verdade, sim. Muito pouco maior do que este texto. Mas você pode ver uma linha aqui. Ok, esta linha é chamada de batedor de página. Esta é a coisa que se chama um paciente abjectadamente tem a fronteira, ok? E o texto. Então, depois de fazer os dois pensam que vamos usar as duas coisas e outros projetos. Definitivamente o batedor de página no Jumbotron também. Então, na próxima aula, aprenderemos mais algumas coisas. Fique ligado e adeus. 18. 16 Wells Bootstrap: Oi, todo mundo. Então, nesta aula, vou te ensinar mais algumas coisas sobre o bootstrap. Na verdade, há algo que vai te ensinar, que na verdade parecia o Jumbotron. Mas, na verdade, não o Jumbotron. Há apenas sobre aprender o Veles W e duplo l vontade. E agora vou entrar. Desenvolvimento pressionando, entrar e realmente deixe-nos digitar diretamente o que você quiser. Ou o melhor é mudar o dia Vinto p ou colocar dentro colocar o p dentro ativo. Mas agora havia Inter nativa. Estou apenas digitando diretamente o que eu quiser no mesmo lugar aqui. Eu só vou fazer a fita é que esta é a conta salva. Não foi para o irmão e atualizar que esta é a conta. Você pode ver que uma bela área grande. Mas este não é o Jumbotron. Você pode entender isso. Agora o que vou fazer é mudar, desenvolver o tamanho. Então vamos duplicar isso. E então aqui eu estou apenas digitando Devel. Desculpe pelo espaço e digite o véu novamente. E agora basta colocar o tamanho com o hífen. Vou colocar o site do LG. Então vamos salvar isso. Agora, este é o véu. LG guardou isso. Refresque isso. Agora você pode ver que o poço deste aqui é um pouco maior com aquele. Definitivamente. Isso é chamado de Ville Média. Mas não precisamos digitar bem o meio porque o meio é por padrão. Mas há outro véu que é na verdade o mal s m. Significa desenvolvido pequeno. Refresque isso de volta. Agora você pode ver que este é o menor. Este é o meio e este é em maior. Espero que esteja sob uma aluna. Feche que agora você entendeu tudo sobre os poços desta classe sentindo mais coisas Fique sintonizado e adeus. 19. Alerta de 17 alça de inicialização: Olá, todo mundo. Então, quando este processo vai te ensinar mais algumas coisas sobre o bootstrap, os alertas, elementos como usá-los. Primeiro de tudo, eu estou apenas criando um feito aqui. Ok? E lá, dentro dessa morte, estou apenas digitando. Essa profanação é sobre ou os servidores de dados deletando. Não. Sim. A final será excluída. Esta é uma frase perfeita. Agora, isso é um tipo de alerta, mas definitivamente quando eu apenas ir para o irmão e simplesmente atualizar que agora, isso não está parecendo com o alerta. Então, como você faz isso? Ligar para o alerta? Temos que ter algumas aulas. Só estou deixando Colossi um alerta. Ok, então agora isso é um alerta. Mas eu só vou até o irmão e atualizar que agora isso realmente tem ah, perfeito. Não me escondi, mas mesmo assim, não está parecendo que eles estão cheios porque eu tenho que ter uma subclasse. O alerta agora, que tipo seguido é Este é o tipo de perigo, o alerta perigoso. Significa a cor certa, os mortos frescos. Agora eu tenho a cor vermelha em torno desta área, então está em alerta, mas definitivamente isso é como o fundo simples fora da cor vermelha. Aprendemos sobre o BG, depois o seu ou algo assim. Então, definitivamente, isso não é como um alerta, porque supostamente deve ter o link para ser perto ou cancelar algo. Então, definitivamente, seja metade. Eles tinham outras coisas. Então, o que está acontecendo dentro deste Dave e adicionando uma etiqueta no seu se e neste momento eu estou apenas colocando cinzas e fechando isso aqui? O que? Eu só vou digitar eu posso digitar qualquer coisa. Por exemplo, eu posso colocar o X lá, e se eu apenas ir para o irmão e atualizar que há um próximo Mas eu só não quero mostrar o simplex porque este pode ser o texto porque você definitivamente fez. Esse é o texto se eu tivesse os italianos. Então este é o apertado que mostrou a saída de uma maneira perfeita. Mas temos que fazer muitas coisas. Por exemplo, eu vou apenas adicionar um classier com o nome da roupa, salvar isso e ir para o irmão de trás e atualizar isso Agora, onde está o X? Há o X que você pode ver, e isso é apenas olhar como o botão cancelar ou fechar, não o X definitivamente. Mas como você vê em que não está funcionando porque nós não fizemos no JavaScript aqui, o JavaScript, o JavaScript, Jacqui, muito o que seja. Então, para comer a consulta, nós só temos que adicionar algo como dados. Dispense Miller. Tenho que corrigir um cinco. Sua dispensa ortográfica é uma ortografia perfeita para descartar algo. Saber o quê? Deseja descartar um alerta? Ok, então nós apenas conectamos o JavaScript aqui. Se eu apenas ir para o irmão e atualizar isso novamente e agora eu apenas clicar em fechar. Mas agora você pode ver que o alerta foi removido apenas por causa do link, que é o fechamento. Então eu espero que na realmente ficou como fazer isso, mas algo onde eu só quero adicionar cerveja. Se eu dissesse que o rótulo da área fecha. Bem, isso é Ah, nada é especial no visual visual. Mas só por declarar que pelo letreiro diz, podemos fechar qualquer coisa. O pouco está perto. Mas uma coisa Bem, você pode notar que quando eu apenas para refrescar aquele e então eu apenas clicar sobre as roupas. Está indo bem, assim como nunca é um acordo. Mas se eu tivesse um espaço e apenas digitar “fade in”, ok? O método do fade in é quando eu apenas atualizado que gerencia fechar clique em Fechar. Agora você pode ver que está indo como feting, então isso é mais perfeitamente para governar em alerta. Bem, eu só vou copiar esse, e ele está colando isso várias vezes e então definitivamente você tem a capacidade de mudar o texto, bem como se você só quiser mudar qualquer coisa. Mas vou mudar o perigo para o sucesso ou algo assim. Seja qual for o sucesso dizer que revigorou que agora este é o sucesso. Todos eles estão funcionando perfeitamente. Quando eu só refresco essa bolsa, ela está lá. Bem, algo mais. Devemos acrescentar, por exemplo, o sucesso e o aviso e o último deve ser a informação. Estes quatro azulejos estão a trabalhar no alerta. Agora você pode ver que todos eles estão funcionando. Quando ele está clicando perto, tudo está bem, e definitivamente essas classes, o alerta, sucesso, outras informações de perigo e alerta, ou outro aviso são capazes de funcionar, incapaz de fazer outro. Então vamos aprender mais algumas coisas. A próxima classe fique sintonizada e adeus 20. 18 crachás e rótulos de Bootstrap N REN: Olá e bem-vindo de volta. Então agora estamos aprendendo mais algumas coisas no bootstrap. Na verdade, só quero te ensinar sobre os rótulos e os distintivos. Então, primeiro de tudo, estou apenas colocando uma etiqueta aqui. Cubra isso. Ok, então aqui estou eu só neste momento, eu estou apenas colocando em uma hashtag. Então cubra isso. E agora aqui, dentro deste A. O que eu vou fazer é digitar as mensagens enquanto eu posso digitar qualquer de acordo com a necessidade. Mas aqui, eu estou apenas recebendo qualquer espaço em extensão de aperto. Ok, agora cobriu isso. E aqui estou eu apenas digitando cinco decibéis, seis suéteres por visível. Eu só quero mostrar que há seis mensagens quando é ir para o navegador e atualizar que eu tenho o seis. As mensagens. Seis. Isto não está realmente perfeito. Mas se eu tivesse os panos fora do distintivo aqui, o distintivo d g e não salvar isso e atualizar que agora isso é como as seis mensagens parecendo realmente perfeito. Inicie um disco. Vaginal. Sim. Isso não é necessário para adicionar o crachá dentro do oito. Você pode me dar distintivo em qualquer lugar. Bem, só por supor mais algumas coisas. Estou apenas colocando 29. E aqui estou eu apenas digitando modificação. Podemos usar um lote para notificação também. Este é um exemplo. Salve e atualizou que agora Notificação 27. Isto é o que eu só quero te mostrar aqui. Eu só estou deixando isso ser ou ataque por apenas obter um inter uma língua. Bem, só para ensinar, você está se casando com um botão também porque eu só quero mostrar que nós podemos aplicar os distintivos no botão também. Ok, então aqui estou eu indo para o botão e adicionando uma bunda legal fora muito dentro. E então Vivian padrão ou o primário, qualquer cor que você gosta fritar irritado. E aqui estou eu escrevendo. Clique para ver a notificação. O que você quiser digitar, em seguida, nesta panela dentro do botão. Ok. Não podemos gastar dentro do botão tão bem quanto eu. Em seguida, cobrir isso E lá em um colas o que o público quer, Ed é apenas o lote db d g ruim nele para digitar 31 10. O que você digitou. Agora atualize isso, tipo, recebi a notificação. E isso não é parecido com o botão, que significa que lá fora é o problema. Não, guarde isso, Andrew. Primeiro que agora isso é como o botão bootstrap. Ok? E é por isso que eu só quero mostrar-lhe que ele pode ser aplicado no botão está doente. E a outra coisa que eu só quero mostrar a vocês é a gravadora. Então, como você faz o rótulo para isso? Primeiro de tudo, temos que desenhar o dia e depois dentro do diabo. Eu só estou escolhendo o odiador de páginas porque eu estou pensando que eu posso apenas falar sobre rótulo melhor desta maneira. Bem, aqui, este é o H, e então eu estou apenas digitando downloads. Eu posso digitar qualquer coisa, o que você quer apoiar o download do software ou qualquer coisa do que qualquer espaço e apenas tipo span coberto que o span e, em seguida, ir para o 1º 1 tag do gasto aqui e, em seguida, esta perda epocal fora rótulo. Ok, agora, o que aconteceu que você quer, nós vamos apenas decidir na próxima atualização mais que este é o download e não há nada dentro do espaço. Eu só estou digitando melhor eles em um melhor. Na verdade, foram continuamente fazendo esses downloads. Bem, eu não tenho nada. Então ele disse no espaço e tipo informações rótulo salvou isso e atualizou que eu tenho debater na informação rótulo e isso é o que eu só quero mostrar a vocês. Bem, isso não é necessário para mostrar o rótulo na informação. O fresco que agora este é o caminho fora da maneira padrão novamente olhando download perfeito. E o melhor apenas mostrando que esse recurso de downloads não está concluído. Na verdade, isso está no clima beta. Bem, se você está apenas criando um subtítulo, então devemos usar o três ou a borda, fazer o que você executar. Refresque esse. Agora, isto parece mais perfeito. A propósito, você entendeu sobre o rótulo e os distintivos. Então, na próxima aula, vou te ensinar um pouco mais. Fique ligado e adeus. 21. Painel de Bootstrap de 19 REN: Oi, todo mundo. Então, nesta aula, eu só vou te ensinar mais algumas coisas no bootstrap. Na verdade, eu só quero te ensinar sobre o painel. Uma coisa realmente interessante é chamado de painel. Vamos usar o painel várias vezes neste curso porque isso é realmente interessante e importante para a criação de um painel deste tipo de painel e, em seguida, apresentar no espaço e mencionar que é ladrilhado. Você quer para o seu painel? Por exemplo, você quer o painel? A cor padrão usa o estilo Dennis como padrão. Vou mudar o estilo que corre para esse cara. Faça isso. Quantos estilos? Nós não temos em casa sobre como mudar os estilos. Na verdade, este é o outro morto dentro do painel, ok? E este deve ser o painel de ódio de Okay, batalha ódio up. E então dentro do ódio de batalha, ou, na verdade, este deve ser o ódio do remo, não o aquecimento do ódio. Ok, bem, eu não vou colocar nada dentro do painel agora. Estou indo atrás do painel e criando o corpo do painel de fechamento. Está bem? O elemento do corpo, e depois disso, está criando outro novo dia de cabelo e, em seguida, isso colocando a outra classe fora do tempo da comida . Está bem? Eu só criei todas as coisas. Oh, deve ser a comida do painel ou não, a comida simples. Definitivamente. Eu só os criei. Agora, no cabeçalho do painel, temos que colocar a batida fora para este painel. Estou apenas colocando, comportando dentro da borda. Quatro etiquetas para isso, fazendo a batida como uma batida, mas não o início grande bater. Isso é como o s um e o s dois. Mas eu só estou atirando na borda porque este bater é apenas para o painel específico bater. Bem, Penhall odiando. Guarde isso e coloque qualquer coisa no corpo. Todos os anos você pode colocar qualquer coisa, mas apenas para mostrar que eu estou apenas usando texto simples. Bem, podemos usar imagens dentro do painel. Podemos usar qualquer coisa, o que quisermos. Mas não há necessidade de criar a classe aqui, mas apenas digite diretamente. Este é o corpo do painel. quer que você queira digitar, agora você pode ir para baixo. E esta é a comida do painel, você sabe, e eles são apenas top de comida do painel alto. Certo, salve e vá até o irmão e atualize que eu tenho o painel aqui. Você pode ver isso. Está bem. Está bem. Primeiro de tudo, este é um único recipiente, ok? E os painéis finais quentes. Há apenas de acordo com o é painéis com. Então é por isso que está parecendo muito grande. Mas podemos criá-lo dentro da coluna também. Bem, este é o estilo padrão do painel. Podemos alterar o estilo do painel, alterando o valor padrão para qualquer valor. Eu só vou mostrar como eu estou apenas copiando este painel e ele está colando depois deste painel aqui e, em vez do padrão, eu estou apenas colocando esses sucessos salvos e atualizados. Agora, este é um painel de sucesso. Está bem , tem. O sucesso é de azulejos. Bem, a coisa é que você pode ver que a comida aumenta dizendo a mesma cor, mas a cor do ódio foi alterada. E a fronteira, este é o próprio painel funciona agora duplicar isso novamente e do sucesso devido em atualização completa que volta. Agora, este é um estilo de comida. Vá para baixo. Eu só estou mudando essas peças para me mostrar que como o pedal funciona e, em seguida, a atualização primária . Este é um estilo primário e indo lá novamente e apenas colando este mais uma vez e, em seguida, removendo o padrão e está colocando o aprendizado salvar e atualizar. Então eu tenho o cabelo queimado e, em seguida, apenas duplicando isso mais uma vez, eu espero que o perigo vai olhar para Bill. Só estou testando isso. Salve e atualize. Sim. O perigo está funcionando, então você pode ver que aproximadamente todos os estilos do bootstrap está funcionando aqui no painel. E Hogan grande ficou como criar um painel. Então, para as próximas coisas que aprenderem na próxima aula, fiquem atentos e adeus. 22. 20 dobráveis: Olá e bem-vindo de volta. Então, aqui nesta aula, vou ensinar-vos mais algumas coisas sobre o bootstrap agora. Só estou te ensinando o desmontável. Ok? Legis tinha o botão correto. E, na verdade, estou apenas criando um botão aqui e aqui. Só estou recebendo uma mensagem. Por exemplo. Clique para recolher. Tudo o que você deseja digitar, você pode digitar como um botão. Isto é apenas neste exemplo. Só vou ser. Começou a ligar o botão, está bem? E apenas colocando o texto fora o primeiro de tudo. Bem, o BD está nessa. Criando o botão, certo? E, em seguida, BD em, Qual o efeito que você quer? Eu só quero sucesso dois bilhões de sexistas e depois os dados. Bem, eu vou ter o total de dados mais tarde, porque por enquanto, primeiro, nós temos que criar o elemento que nós só queremos que seja recolhido quando clicarmos no fardo . Então aqui estou enviando uma mensagem. Este é o elemento da fábula do colapso. Está bem, Perfeito. Agora e está indo para a tag div e realmente aqui O quê? Só estou fazendo digitando o dia. E qual é a ideia. Eu só estou colocando aqui colapso ou C l a. O que quer que eu só quero colocar nós podemos colocar como o i d. Eu só vou para o topo e forçado a cair, nós temos que adicionar a variável ou desculpe, os atributos dos dados Togo. E o que você quer puxar para cima é o elemento de colapso. Ok, agora aqui temos que esclarecer que este elemento é realmente o elemento dobrável. Então, no Koloss, fora do colapso, isso é realmente perfeito. Agora o que eu estou apenas indo para condenar ou é realmente decidir outro atributo os atributos alvo e igual a Ok, então lá estou eu decidindo o hash e, em seguida, o c l a Ok, esta é a idéia do C l A. Eu acabei de adicionar seu o alvo C l a Ok, agora isso é totalmente perfeito. Vá até o irmão e refresque isso. Não, eu tenho que clicar para recolher botão. Quando eu apenas clicar no colapso, nada está acontecendo. Isso significa algo errado. Eu fiz. Qual é a coisa? O que é errado? Eu fiz. Eu tenho que revistá-lo. Bem, não há nada realmente grande. Na verdade, temos que adicionar a data do nosso alvo não só o alvo. Então, a propósito, você refresca isso de volta. Agora, quando eu divulgado sobre o colapso, o texto está nos mostrando gerencia Clique no colapso de volta Agora ele está escondido. Isso significa que está realmente em colapso e realmente funcionando perfeitamente. Mas há outra coisa que você deve saber antes de trabalhar praticamente no dobrável, adicionando uma tag e agora apenas adicionando um ref real e aqui neste momento, na configuração de um único hesh do que apenas cobrindo a área. E depois o que vou escrever é devido ao colapso desta ligação. Ok, então agora o que eu vou fazer é realmente apenas adicionar um dado tobel ok, fiz uma variável total, que são os atributos, o que é realmente necessário se você só quer colapsar alguma coisa. E agora não precisamos colocar o destino de dados na tag A porque em vez do destino de dados , quando você está no ataque. Então, em vez do alvo de dados apenas mencionou sua escrita no h ref como a regra fora da tag a. Então aqui estou eu decidindo o i d. o i d é c l a. para. Ok, daí? Eu só vou fazer está indo para baixo. Eu só ensino porque eu só queria claramente que o alvo de dados não é necessário ou realmente não viável na tag A. É por isso que eu ensino isso. Então lá estou eu apenas definindo o I d. Você sabe o que é a idéia? Na verdade C l A. Para agora vamos digitar o texto, que você só quer sapato o que alguém clica no clique neste link para recolher botão. Então os novos dados são cabelo. Seja lá o que você digita, é sobre você ir para o irmão e refrescar a guerra. Agora clique durante o link para recolher. Ok, quando eu só estou apenas atualizando que agora por que ele é apenas visível porque eu não o fechei fora do Você sabe, que colapso, que é realmente necessário agora atualizado que volta quando eu apenas clicar no link. Agora, se o texto está mostrando quando ele está clicando para trás, em seguida, oculto mostrando oculto Então definitivamente ele está funcionando realmente perfeitamente. Mas uma coisa mawr, você sabe que as comodidades refrescaram que nenhuma textura visível para nós. Mas se eu adicionar outra nova classe t i n e salvar e ir para o navegador e atualizar agora você pode ver que este é um elemento dobrável é visível Quando eu apenas cliquei de volta. Agora a textura é removida. Mas quando é clicado novamente, o texto fica visível. Na verdade, usando o ferro Ted, podemos mostrar o texto por padrão. A média é que, por padrão, o texto não é cabelo escondido por causa do i n. Então, espero que tenha entendido. Bem, podemos usar o cabelo de ferro também no elemento “As tags”. O que você quiser. Espero que tenha entendido sobre a aprendizagem desmontável na próxima aula. Aprendemos que como aplicar o dobrável está no painel tão bom rendimento estado de compra. 23. 21 painel dobrável: Olá e bem-vindo de volta. Então, pessoal, há algo mais a aprender sobre o Bootstrap. Na verdade, só quero ensinar-te a aplicar o desmontável nos painéis. É por isso que eu não liderei o painel deste enquanto em vez de fazer o novo simplesmente copiou o 1º 1 e ah, espaço legis este cabelo em alguns espaços extras. E então agora basta decidir que o que é um dos elementos dentro deste painel deve ser o dobrável e o que deve ser o botão. Assim, o primeiro 1 deve ser o botão, e este elemento deve ser o elemento dobrável. Então, primeiro lugar, o título da página deve ser o botão formatando a tag A. Não é o botão, na verdade. Mas uma etiqueta é perfeita para este caso. Tão bem coberto que e ir lá só tinha uma etiqueta, o final uma tag lá, em seguida, ir para baixo. Isso depois da dor vai bater este novo dia criando. Ok, por que fazer algumas coisas criando o novo Dave? Porque eu só quero ter certeza de que qual é o elemento deve ser colapsado. Bem, eles colapsam, e então o painel colapsa o específico. Infelizmente, para tornar o painel dobrável agora o elemento que você só quer ser dobrável. Basta colar dentro deste painel, derrubar o saque e a comida. Ou então vamos cortar isso e apertar este cabelo e vamos fazer justiça também. Então, este é aparentemente corpo e o alimento painel ou bem, Eu só tenho que adicionar 90 cabelos vontade porque você sabe que nós temos que ter o i d para ligar o elemento e seu botão. Então lá estou eu apenas digitando c l a. Três e está indo para o topo. E aqui, em vez dos atributos alvo, você sabe que no ataque temos que usar o X ref. Então eu estou apenas usando este cabelo anual três, em seguida, pressionando em um espaço e está recebendo uma perda legal e, em seguida, adicionando algum tipo fora de efeitos obedientes . Mas em vez de efeitos obedientes diretamente apenas para os dados togo e, em seguida, o que você quer ser Tuggle o colapso. Ok, agora guarde isso. Bem, o estilo padrão do painel. Isso é tão bom. Então eu estou apenas adicionando o sucesso aqui em vez do padrão do painel simples. Diga isso. E agora eu estou abrindo o navegador atualizado que um e agora você pode ver o cabeçalho painel aqui gerencia golconda odiando. Está desmoronando perfeitamente quando eu me desconecto de volta, está indo como você pode ver. Então, agora, se você só quer seu elemento, uh, colapsou diretamente legis coloque o i n Agora atualize esse. Agora você pode ver que você é elemento é não está oculto na verdade por padrão. Mas quando você apenas clicar lá que para o painel ter o seu escondido Então eu espero entender sobre o painel dobrável Como fazer o painel dobrável facilmente. E pessoal, definitivamente vamos aprender mais algumas coisas no próximo último estado Yoon e adeus. 24. Grupo de lista 22: Olá e bem-vindo de volta. Então eu vou te ensinar mais algumas coisas sobre o bootstrap como este presidente , ou e na verdade, o que eu vou te ensinar é a listagem como criar uma lista no bootstrap no caminho do bootstrap, Na verdade. Então, primeiro de tudo, eu estou implorando para você fazer menos para usar a técnica da jóia. Definitivamente. A propósito, usamos ONU para fazer listas a ONU para fazer listas. Agora aqui está um próximo atributos. Eu só vou adicionar valor fora da classe como o grupo de lista. Certo, guarde isso. E seu aumento de imprensa no Aliado, conforme exigido para a UL, acabou com a Class Airs Ville. O que? A classe deve ser um grupo de lista, mas mais uma coisa. O item de grupo de lista de itens aqui na configuração, o texto. Este é o elemento de elevação. Duplicar isso várias vezes. Certo, vá até o irmão e atualize isso. Agora temos a lista realmente perfeita. Definitivamente. Bem, se você só quer fazer o grupo da lista usando as tags ao vivo com mais algumas técnicas, eu estou decidindo que os hábeis concordam começar em grupos de delis no Detetive Bell. Então, antes de tudo, entender a perda legal. E depois o quê? O Valium. Apenas colocando as aulas. O grupo da lista novamente. Ok, a mesma coisa indo dentro do Dev e adicionando alguns Maytag como árbitro a hiper referência e então descobriu isso. E então este tipo de este é o elemento da lista de mortes. Tudo o que você deseja digitar para esclarecer que há um pouco diferente. E então ele está indo para as tags A o ataque puxado inicial do A e colocando alguns colossos como Bill e, em seguida, apenas digite lista. Você sabe que o que temos que colocar o grupo de esquerda I Tim salvou isso e ir para o irmão e refrescou isso. Agora você pode ver que eles são fáceis, o cabelo não bem, basta replicar isso e agora atualizar que não vai saber o porquê. Eu só coloquei. A etiqueta A é porque só quero ter a certeza de que estávamos a pairar alguma coisa. Agora toda a área é a lista. Quando é clique em qualquer lugar, eu posso ser acessado em qualquer lugar. Se eu colocar qualquer endereço lá. Bem, há algo mais interessante que podemos fazer com essas listas, ambas fora da lista,justiça sexual, justiça sexual, adicionando qualquer espaço e novamente digite o item do grupo da lista. Mas agora, não termine aí. Este outro hífen e digite na íntegra. Qualquer efeito que você quiser, você pode colocar lá. Refresque isso. Agora você pode ver que doloroso foi aplicado lá. Se você apenas digitar perigo ou qualquer um desses telha salvar e atualizar que agora é que ele se tornou perigo. Por que não? Eu só copio este. Agora eu não posso simplesmente colar este cabelo bem ou em qualquer lugar que você só quer. E depois remova a informação. Basta colocar o perigo em vez da informação guardada e atualizar isso. Agora você pode ver que o perigo está lá. E a informação é cabelo. Bem, algo mais está lá para tornar o grupo da lista mais interessante e mais interativo para o usuário. Na verdade, eu só quero adicionar o ódio e o texto do grupo de entrelaçamento auditivo. Então, deixe-nos na U.L. Agora, eu estou indo lá no 1º 1 A tag inicial do U l e este grupo de lista de digitação novamente A mesma coisa novamente entrando e digitando. Ok, cobrindo isso e indo para o aqui, entrando aqui na mesma coisa. Você sabe que a classe está fora da lista, guru. Tudo. Tudo deve ser a mesma lista. Item de grupo agora indo para lá. Insultos e abas. Agora, eu só estou pressionando Inter porque ele vai colocar algo aqui e o que eu só quero colocar borda tolo. E então aqui estou eu visitando o texto fora deste. Sim, o ódio de qualquer coisa. O que você gostaria de colocar agora em uma vila colossal? O que? A turma? Eu só vou colocar a sua lista Go item odiar. Porque este é o odiador. Duplicar essa. Agora, esta não deveria ser a audiência, então esta não deve ser a Cinza Quatro. Estou apenas digitando David lá, e eles estão oficialmente eu estou removendo o 4 por célula. E então eu estava removendo o ódio porque deveria haver o texto. Ok, este não é o ódio deste texto. Então aqui estou eu comendo o parágrafo. Este é um parágrafo. Tudo o que você quiser, só quero colocar você pode colocar agora, simplesmente atualize que agora eu tenho um novo ódio . Agora mais uma coisa que se eu apenas copiar este e apenas colar este aqui e aqui e salvar e atualizar que agora você pode ver que existem vários grupos fora das listas. Você pode ver, na verdade, não o grupo fora da lista. Na verdade, o grupo fora de odiar e os vários grupos fora do ódio no texto está lá olhando realmente perfeito. Agora eu vou apenas ir para o bloco de notas e na verdade este pressionar enter eu só quero ensinar a vocês que como fazer este tipo de menos usando as tags Dev. Então pressione outro inter e adicione a data aqui e é ir para o 1º 1 tack dos mortos e então você está perto novamente. Acabou de declarar que este é um menos para agrupar. Belled está indo dentro deste grupo lista e definitivamente tem apenas quero fazer teatro fora novamente porque eu só quero fazer a lista selecionável ou realmente acessível. Então agora eles são apenas hash e pressionando um espaço para decidir a perda fora da lista cresceu, tudo deve ser o mesmo. Eu túmulo. Certo, sabe, guarde isso. E neste, e eles só tiveram outra coisa. E o que eu só quero acrescentar é realmente pressionando interino, apenas adicionando alguns dá aqui. Ok? Não, este deve ser outro pano. E o problema é colocar aqui é apenas o grupo de lista odiando, parecendo perfeito. Este duplicar essa parede e este tipo de texto. Ok, agora eles são apenas fazê-lo. A audiência assim removeu o Devon apenas digite na íntegra e para os primeiros tag, fazer o mesmo a etch plena certa indústria na íntegra e, em seguida, logo ali e no item na 4ª 1 área. Está bem. E para o texto, vou acrescentar outras coisas. É o gráfico de rock par O que quer que você este prefere agora, atualizar que vai. Agora você pode ver que você acabou de criar apenas um ódio. Então, por enquanto, eu só tenho que fazer uma coisa que essa cópia é uma etiqueta e colar isso aqui, aqui e aqui. Guarde isso e atualize isso. Agora você pode ver que há um monte de bater olhando com um perfeito, mas algo está errado aqui. Você pode ver que estes são realmente inteligentes e eles estão assumindo um espaço extra porque o grupo de lista I termo isso é realmente necessário, o que eu simplesmente não coloquei antes. Bem, como eu digo, tudo é igual, mas eu só quero te ensinar algumas coisas novas. É por isso que te ensinei esta de L D. Hum, fazendo o grupo de lista David Bill, I Tim. Agora basta colocar o item com todos os grupos de listas. item deste grupo, na verdade. Então aqui eu termo e este é o último elemento. Espero que o termo agora seja perfeito. Agora novamente no item. Guardei isso e vá para o irmão refrescando este. Agora você pode ver que é inteligente como apenas este, e espero que tenha entendido como fazer este também. E milhões de muotando a próxima última ficam sintonizados e adeus. 25. 23 painel de grupo dobrável: Olá e bem-vindo de volta. Então você aprendeu sobre os menos grupos muitas vezes, mas agora, eu só quero aparecer no painel e os grupos de lista uns com os outros. Na verdade, eu só quero fazer os grupos de lista desmontáveis suprimindo um pouco de inverno e na verdade apenas criando o DIV aqui e depois e na classe Penhall grupo, que significa gritando que você está falando de algum tipo de grupo aqui. Então vá mais para dentro. E, em seguida, apenas com uma perda, outro painel de classe e tipo padrão, qualquer que seja o seu tipo. Você sabe, o melhor, Dave. Outras aulas aqui, odiando painel, como você acabou de fazer o painel, você sabe, sobre todas as coisas sobre a criação do painel e, em seguida, aqui, o colossal título do painel. Porque eu só quero colocar o título do painel aqui. E então o que deve estar dentro disso? São quatro empates, na verdade, o A e, em seguida, hiperreferência. Eu liderei a referência hiper mais tarde, mas agora, os dados Tuggle, o que você quer puxar clicando neste botão O elemento colapso. OK, que é um elemento de colapso. Temos que mencionar aqui no pai bruto. Mas mais tarde, lá eles dizem que você cobriu isso e apenas criando a tag final. E então apenas digite o que você quiser colocar aqui visivelmente para o ódio. Então, o guru painéis Hey, também não o redor, na verdade grupo odiando. Agora saiu deste painel pressionando, digite e, em seguida, apenas criar outra div, que deve ser a tag do grupo. Mas não vamos mencionar que este deveria ser o grupo. Na verdade, o painel de área desmontável colapsou. Certo, perfeito. Adicione espaço e digite colapso também. Isso é realmente perfeito. Bem, adicionando um espaço e terminando em eu ouvi o que eu d Você quer tempo apenas digitando C L A. Eu acho que eu fiz o completo tão claramente, cinco que seja. Agora indo para a tag A e apenas digitando a mesma coisa. As cinzas. Quase cinco. Definitivamente. Isto é perfeito. Agora descendo e aqui estou pressionando alguns interesses aqui. E depois o quê? Eu só vou digitar é o agora eu vou apenas colocar a UL. Ok, então aqui estou eu apenas digitando o grupo da lista, ok? E eu vou digitar o aliado. Tudo é muito fácil para você porque você já sabia sobre essas coisas. Só quero mostrar como fazer a lista dobrável usando o painel dobrável. Bem, bem, há o item do grupo da lista. Você já sabia disso. Agora, este é o número um. Então lista número um, replicar esse. E este deve ser o para duplicar esse. Deve ser três. O que você preferir, você pode digitar lá duplicar e o completo agora. Ok, agora vá para fora deste grupo de lista e então coloque o painel Ei, comida de batalha. Ou, na verdade, se você apenas notar que nós não colocamos o corpo do painel aqui porque nós apenas colocá-lo, menos grupo em vez do corpo do painel. Então eles só colocaram o D V L. Ok. E então, apenas em uma aula fora, você pode entender que Munis colocando a comida do painel de agora dentro da comida penalidade ou eles simplesmente estão Oh, desculpe por isso. Vou fazer aquela outra vez. Está bem, Dave. E depois o quê? Vou colocá-lo como o cabeçalho do painel. O salitre é comida ou o painel Fouda? Você pode colocar qualquer coisa, que preferir. Agora vá para o navegador e simplesmente atualize esse. Agora você pode ver o grupo do painel odiando quando eu acabei de me chamar de odiar. Agora eu posso ver todos os títulos quando ele é clicado de volta. Agora está escondido. Então os rapazes, espero, entenderam como criar as pessoas aqui. Mas você pode ver que há um monte de texto que nós simplesmente não precisamos. Então, por apenas guiá-lo de uma maneira melhor, estou apenas removendo os dados anteriores. Primeiro de tudo isso Lester ou realmente sim, de todas as listas, isso é mais preferido. O filme. Só estou movendo toda a lista de propósitos, que já aprendemos. Então agora é realmente simples, e apenas um conteúdo está aqui. Salve isso de volta e vá para o navegador e atualize isso. Agora você pode ver que o grupo painel bater. Em seguida, basta clicar na pintura confiável. Eu posso ver os dados, e agora você pode entender que se eu estava no ferro aqui e depois atualizar esse agora você pode ver que por padrão podemos ver a lista. Mas tirando os deles podemos fazer o mesmo, como esconder ou mostrar. Mas havia algo mais que você deveria aprender sobre o anúncio. Então, por enquanto, eu só estou indo lá fora fora fora deste grupo painel Esquece porque eu só quero criar um novo grupo lá recebendo o diabo. Está bem. Na verdade, eu só vou fazer o acordeão, o que é realmente interessante aqui nos grupos do painel. Então, o grupo de painel e, em seguida, apenas indo lá e recebendo um olho de ocorreu o jovem não salvar e, em seguida, pressione interino. E, em seguida, o diabo que o vidro e vai colocar aqui é aqui adicionando a classe e, em seguida, painel padrão. Certo, guardei isso de volta. E este Desprez algum interesse e, em seguida, classe Dave, a outra classe, que é realmente necessário estar odiando. Ok, você sabe que ser bater é realmente necessário porque nós apenas colocar os dados para nós apenas colocar os dados clicáveis aqui no título principalmente Não, Basta ir dentro dele e apenas colocar o F quatro eo H full inning tagen. Então aqui. Primeiro de tudo, estou decidindo os Colossos também. A classe do título do painel. Você já sabe sobre isso? Título do painel. Ok, agora entrar no H uma e outra vez fazer a mesma coisa que acabar com o, hum a n h áspero E o que eu vou colocar no HR ofende o agora mesmo as cinzas simples. Então vamos nos mudar. Então, a propósito, dados, agora? Eu só vou colocar Eu não vou colocar os dados, Tuggle. Eu só estou digitando fez um pai. E o que é isso? Parece que é o segundo um jovem que eu estou apenas digitando acordeão um para mais segurança e mais compreensão. Mas quando eu acabei de adicionar a data pai aparente como de acordo com uma vez, que este deve ser de acordo com um, porque este é o pai deste. Uma etiqueta. Certo, só estou ligando para os pais. Então, apenas, um, comendo alguns dados aqui e o que eles fizeram. Só estou comendo aqui. O colapso do acordo civil, os jovens não salvar e ir para baixo pressionando Internet ing. Outra coisa aqui, eu estou decidindo o Koloss e o que eu estou colocando no pano é apenas o, hum, colapso do Alasca. Ok, eu só esqueci o que eu tenho que colocar a propósito, eu estava pensando em algo realmente confiante. É por isso que me esqueci. Então, a propósito, eu só digitei o colapso do painel e o colapso. Ok, isso. É realmente perfeito. Agora o que eu vou fazer mais é você saber que há uma etiqueta. Então nós só temos que colocar a idéia aqui porque esta é uma área desmontável. Então C l one Ok, vês? Ou acho que C.L.A C.L.A . Sexo é mais preferido agora, apenas no hash e no C L A 6. E então diga isso e vá lá na área de colapso e alguns estagiários e quebras de linha e então apenas no Dev. Certo, agora vá para os primeiros e depois para o Coliseu e lide com o corpo. Ok, vocês são os corpos do painel aqui. O que? Vou colocar terror neste corpo do painel. Estou apenas digitando. Esta é a área do acordeão. O que você preferir, você pode digitar lá. Bem, o interessante no acordo é que você sabe que este é um grupo de painéis e este é um painel. Só estou copiando o painel individual e colando dentro do grupo de painéis de um Cody e um. Está bem, não te esqueças disso. E então basta colar isso aqui. Guarde isso. Agora você pode ver que existem dois painéis agora, o pai de dados ainda é o acordeão um, mas na verdade o saque é C L. A 7. E deve haver quase sete. Ok, agora, isso é muito simples, eu acho. Bem, novamente, se você só quer colocar alguns pântanos, vamos simplesmente copiar este e colocar este cabelo. E, novamente, o aparente feito é isso. Conte de acordo com um. Você sabe que este é o segundo um, mas os Seeley sete não ser. Deve ser oito tonturas. Guarde isso e vá para o irmão e refresque que eu tenho uma risada. Acordeões diferentes, que na verdade não funcionam. Estes são os Acordeões, significa que cometi algum erro em algum lugar. Tenho que descobrir isso. E o erro é realmente simples que Aqui você pode ver que este é um simples aquecimento. Isto não deve ser como o aquecimento. Deve ser o painel odiando. Certo, então guarde isso. Na verdade, primeiro de tudo, copie esse e cole ali e ali. Agora guarde isso e vá até o irmão e atualize que estes são os acordeões dobráveis. Eles não estão funcionando. Isso significa que há algo mais, que está errado. E temos que descobrir o que é, você sabe que se eu for para o topo? Então o principal é o grupo do painel, e você sabe que a imunidade é o “Nós somos realmente acordeão”. Agora há gravação, na verdade. Então as ideias principais, o acordeão. OK, então, na verdade, aqui nas etiquetas A, todos os oito ovos estranhos estão chamando o coreano Won. Então, se você está ligando para um informador , então você tem que colocar o Hanshin nisso. A coisa muito básica aqui deve ser o haxixe. E não deve ter o hash tem e, em seguida, atualizado. Agora, quando um disco clica no acordeão dobrável, ele ainda não está funcionando. Então volte e lute. Descubra o próximo problema. Então eles são o pai de dados está aqui, e eu vou adicionar o Tuggle diurno. Está bem. Quais são os dados? Tuggle? É realmente apenas mencionado que o que você quer? Desmoronando? Deixe este copiar este total de dados e cole isso aqui em que. Uma etiqueta nisso. Uma etiqueta. Está bem. E não há mais. Salve e atualize. Agora clique lá novamente. Agora você pode ver que eles poderiam ver a área do acordeão. Ok, mas quando eu revelei no 1º 1 o 2º 1 perdeu ou realmente se escondeu. E quando eu apenas clicar no terceiro agora, todos estão escondidos. Só a 3ª 1 está aberta. Isso é chamado de acordeão dobrável. Eu espero realmente ficou sobre este bem conhecido algumas coisas mais na próxima aula, então fique atento e adeus. 26. 24 guias de alça de inicialização: Olá e bem-vindo de volta. Então, basicamente, você sabe que para criar o manual, nós geralmente usamos a UL e Ally. Ok, desta forma, descrevemos o ul e, em seguida, dentro dos EUA EUA colocamos os aliados, e então criamos o manual, e então aplicamos o tipo diferente de cessação, como float esquerda e, em seguida, o tipo de estilo lista e qualquer coisa que criar o manu. Mas há um método fácil no bootstrap. Eu só vou te ensinar,a propósito, a propósito, haxixe e cobertura e, em seguida, um dagon do que aqui. Toda a duplicar isso três ou quatro vezes o que você quiser e, em seguida, apenas mudar o texto porque eu só quero crude uma coisa simples e bonita. Sophia Mobile em , tecnologia, o que quiser. Ok, você sabe, guarde isso e vá para o irmão. Aqui está o arquivo. Estou apenas clicando duas vezes no arquivo agora. Estou pegando o arquivo aqui. Ok. Você sabe que esta é uma maneira simples de sair de um menu. Então agora temos que usar diferentes tipos de coisas. Mas você tem Você simplesmente precisa adicionar uma lista de classes na linha e nada mais. Este tipo lista na linha e salvar isso e ir para o irmão e atualizar isso. Agora eu tenho o Leicester alinhado com a rua em uma lacuna específica. Você pode ver que ele tem, Ah,uma Ah, margem simples. Um tapinha que realmente claro que acabamos de fazer o homem You Ok, então agora algo mais. Eu só quero te ensinar sobre a mesma coisa. Então simplesmente copie este, depois o UL e o espaço lá. Ok, então agora não a lista na fila. Estou removendo a lista do Diamond. Só digitando. Nunca. O valete é profundo. Parte do bootstrap. E nós estávamos falando sobre agora ter abas, ok? Agora tem um monte de coisas que você vai aprender mais tarde Meios para eles. Para muitos fins eles usaram laboratório. E isso não é ter, na verdade. Certo, vá até o irmão e atualize isso. Agora tenho a conta do valete. Você pode ver isso quando eu só pairo. As aldeias pairam. O rato lá está em vigor. Ok. E havia uma fila. Uma longa fila. Isso é chamado de outro efeito fora do menu ou da navegação. Mas se eu apenas ir lá e aplicar o realmente aqui, eu estou apenas espalhando qualquer espaço. E acho que a perda de pista está ativa. Esta é outra coisa agora atualizado que agora você pode ver que usando o ativo, você pode ver que há um belo efeito potencialmente fazendo isso como uma guia. É por isso que se chama “conta”. Eu não acho que parece típico, mas havia algo mais que você deve saber sobre as abas e os menus. Na verdade, podemos adicionar os drop downs toe o para as abas também. Você acabou de aprender sobre os drop downs já, mas lá eu vou apenas voar o drop down no u l l l l l l l l. Então o que fazer para este caso e aqui para aplicar o drop down, nós temos que pensar, por exemplo, Vou passar a lista para o Mobile, o aliado móvel. Então vamos ter a classe da lista primeiro. Então temos que fazer um monte de coisas. As coisas definitivamente eu vou fazer isso agora. Eu só disse a entrega e então ele vai para lá para a etiqueta A e, uh, uh, liderar a classe fora. Derrube muitos Você. Oh, desculpe. Este lote deve incomodar muitos. Este deve ser o Dragon Tuggle Porque o homem que você deve estar atrás do um dag antes do final morto off aliado em alguns espaços. Por que você tem este espaço aqui também? Para esclarecer que este é o Centex específico fora da lista, a propósito, eles estão dentro deste L.A. Você sabe sobre as listas aninhadas? Na verdade, eu só vou criar a lista aninhada aqui. Está bem, tu e cobre isso e lá vou eu para dentro, tu vais. Está bem, E, na verdade, antes de ir para dentro Legis na classe fora do menu suspenso para o aliado para as Nações Unidas e pressione A mentores e, em seguida, os vivos. Certo, isso não é típico do dedo do pé. E, em seguida, uma tag em áspero me z referência hiper e, em seguida, cobrir que colocar outras coisas como você sabia e, em seguida, colocar o ar hash. E então aqui, vamos pegar a casa novamente ou não a casa realmente informações móveis, porque eu estou apenas falando sobre o celular, você sabe, do que as informações móveis e, em seguida, tecnologia móvel, o que quer que seja Você tem. Certo, artigos. Essa é a Claire. Mas há algo em que temos que colocar o “A”. Você sabe que nós temos que usar os dados Tuggle e, em seguida, aqui cair para baixo. E então logo após o celular, apenas limpando para apenas limpar que estavam apenas usando a garra para baixo. Mas antes disso, eu só vou para o navegador e atualizar isso. E agora você pode ver que há um celular. Quando é clique em um celular, Eu posso obter a lista suspensa perfeitamente. Mas, na verdade, eu só quero esclarecer que o celular tem algum tipo de caiu para baixo. Então eu estou indo para o bloco de notas de volta aqui e, em seguida, pegar o espaço e digitar e sua extensão. E então há simplesmente pegar o pano da corrente. Já aprendemos sobre o conde. Certo, agora guarde isso e vá até o irmão e atualize isso. Agora há um sinal de cenoura que limpa que há algo dentro do celular Quando eu apenas clique inominável. Agora eu tenho a lista para baixo. Eu acho que isso é perfeito e você aprendeu um monte de coisas sobre o drop down, como você deve saber. Então vamos aprender mais algumas coisas na próxima aula dizendo e adeus 27. 25 comprimidos de alça de inicialização: Olá e bem-vindo de volta quando este copo e vai ensiná-lo sobre as pílulas para criar o post. Ele usou dul de novo, mas as pílulas têm um estilo diferente. Vou mostrar-te como se usa os comprimidos. E qual a diferença entre as pílulas e a guia? Primeiro, vou entrar nos Aliados de novo. Isso é criar o ataque. Ok. E então apenas colocando o haxixe. Você sabe que por que eu estou colocando cinzas, a propósito, aqui, aqui, eu estou apenas digitando duplicata em casa. E com algum medo, o que você quiser digitar, você pode digitar aqui, Sophea. E lá estou eu apenas digitando tecnologia. E então eles nos contatam. O que você quiser colocar, você pode colocar aqui entre em contato conosco, Norm. Só vou para a etiqueta “U L”. E aqui adicionando qualquer espaço e adicionando mais Kloss off valete primeiro porque esta é uma parte do nunca mais. E agora, se você apenas lembrar que estamos usando abas. Mas estavam usando os comprimidos. Ir para o irmão e atualizar que estas são as pílulas agora, pílulas apenas olhando como as guias, mas definitivamente aqui temos a capacidade de selecionar o realmente, No entanto, qualquer elemento, mas algo Mawr. Se eu apenas ir lá e colocar um colossal eficaz Não. As diferenças quando eu apenas atualizar que agora você pode ver que a classe ativa é como um primário. E aqui, as abas, os óculos ativos, assim como a guia. Esta é uma diferença entre a guia e as pílulas de tills, na verdade. Bem, se você só quer criar a lista para baixo nas pílulas Então novamente, apenas fazendo as mesmas coisas por agora nesta cópia da UL com Navin de pílulas e colando aqui, salvando e realmente lá. Só vou escolher a tecnologia. Então aqui no LI. Primeiro de tudo, eu estou apenas adicionando a classe fora do menu suspenso, fazendo o mesmo que eles fizeram antes nas abas de fraldas aqui. Você sabe que adicionar a classe da lista suspensa e, em seguida, esfregar para baixo e, em seguida, apenas ir para o extra para a tag. E isso colocando a aula de ah fora, derrubar Tuggle e adicionando sua base lá dentro. Incrível. Os dados. Tuggle. Certo, abaixe. Ok. Salvei isso. Isso é perfeito. E então está indo para lá porque eu só queria nesta panela apenas realmente a seta para esclarecer que este elemento é ah, realmente tem algum tipo fora de carruagem. Isso é perfeito. Agora o que eu vou fazer mais é apenas adicionar em seu ritmo. Primeiro de tudo, adicionando entrar aqui a quebra de linha e recebendo uma guia e, em seguida, indo para lá antes do l A. Depois que o oito tinha ok, isso mantendo isso na posição perfeita aqui apenas começando a UL. Você sabe, tudo é isso parece como nós fizemos antes. Ok? Eu acabei de adicionar o u l E aqui estou eu decidindo o aliado que eles deveriam ser e eu deveria estar correto . E, em seguida, a referência de uma tag hiper. E neste momento, eu estou apenas adicionando a tampa de hash que e, em seguida, a, por exemplo, a tecnologia de computador. E então apenas suponha que eu estou apenas digitando aqui a tecnologia móvel e, em seguida, a tecnologia ambiental mental da Vyron . Mas não faço ideia de que seja. Só estou digitando. Mas atualize que agora há uma outra coisa nova. Mas você pode ver que o menu está aberto porque eu não adicionei a classe no menu suspenso aqui , que é realmente necessário. Largue os muitos. Você salvou isso e atualiza isso. Agora, quando é clique lá, eu posso pegar o menu. Isso é realmente perfeito e muito simples de criar o menu. O menu suspenso usando as pílulas. Então vamos aprender mais algumas coisas sobre os comprimidos. Eu vou lá e na verdade simplesmente copiando o 1º 1 Este. OK, porque eu só quero te mostrar mais algumas coisas. Esta carpagem, esta é Palin apenas colando logo após a última pílula, o derrame drop down. E depois há outro pano que nunca verificaram. Certo, salve e vá até o irmão e atualize isso. Agora você pode ver que o pairar Manu as pílulas hover é chamado de Navis Tag, que é realmente simples novamente, apenas copiando este. E então eu só quero jogar outra aula. A remoção destes atacou completamente com valete também, agora vai para o irmão e refrescante. Agora este é um simples, mas se eu só tinha o valete apenas para demitir nenhum salvar e atualizar dados, você pode ver que o dinheiro foi totalmente justificado de acordo com a tela, e é muito orgulhosa como necessidade, Então todas as coisas são apenas chamadas de Comprimidos. Na próxima aula, você aprende mais algumas coisas no bootstrap, então afirmando e 28. 26 guias e comprimidos dinâmicos de inicialização: Olá e bem-vindo de volta. Então, nesta aula, vou te ensinar mais algumas coisas fora do bootstrap. Na verdade, você está prestes a fazer as pílulas e guias dinâmicos. Primeiro de tudo, no Colossus fora do valete e nunca pílulas. Agora vá para dentro da UL e adicione alguns l eu realmente eu apenas colocá-lo a tag, que não é o elemento real. Agora A e, em seguida, cobrindo isso e ele esta digitando casa novamente para aplacar. Esquece o todo. Ou, por enquanto, apenas recupere. Porque havia algo mais que temos que colocar na tag A principal, os dados Tuggle. Ok. O que você quer fazer aqui? Pílula. Certo, sem salvar. E lá vou eu só estou colocando o p um aqui neste momento, duplicando então eu vou apenas claramente que um p um? Então saia do Juel por enquanto. Só vou ver o irmão. Atualize isso agora você pode ver que ele é aplicado, mas na verdade aqui eu estou apenas criando a tag dip, ok? E entrar nas etiquetas de comparação. Elemento florestal. E agora basta digitar o conteúdo da guia. Certo, agora vá para dentro. Este Dev e apenas colocar algumas outras coisas. Na verdade, este é um grupo de várias vidas. O conteúdo da guia é um grupo de várias dicas dá aqui. Só estou digitando. Este é o P 1 div significa que estou falando sobre este. Isso deve ser tratado antes da PA. Ok, este é o DP está morto. Agora temos que adicionar um pouco de Colosso é a dor da aba e, em seguida, adicionar qualquer espaço e adicionar em 90. Então, qual é a idéia para o p um é P um? Ok, Agora a idéia é uma ligação entre os dois e, em seguida, simplesmente duplicar que quatro vezes p dois p três p quatro p para ser três p quatro salvar e ir para o irmão e atualizar que agora quando ele é clique em casa, eu pode ver este é o P um dia quando é clique em Petri. Você sabe, este é um P três p dois p cheio. Tudo está funcionando bem, Mas lá eu só quero ver este l o elemento as panelas no clima de desvanecimento. Ok. Só quero o Teoh. Vou te mostrar o que eu quero. Então basta colar o destino perto que todos os elementos atualizaram aquele novamente. Agora, quando é cozido em casa, você pode ver que o P está vindo com um suavemente ok e indo realmente suavemente olhar perfeito . Você pode ver isso em temer mais e, em seguida, voltar para o bloco de notas e qual deles você deseja abrir por padrão, por exemplo, o Petri. Então vamos para a aula fora do I e para o P três e ir para o irmão e refrescar-se. Não é por defeito a abertura. E, na verdade, lemos outra aula, o colosso ativo. Certo, agora vou falar com o irmão, por exemplo. Eu estou lá. Mas quando é francês agora você pode ver que este é o P três dias. Ok, sempre que um pouco fresco. Mas aqui, isso não está mencionando que a pílula foi coletada automaticamente ou por padrão . Então lá temos que adicionar a mesma coisa a classe fora ativo. Agora salve e, em seguida, atualize que Você pode ver que a turfa redutiva, mas unidos área atingida . Não posso mudar o foco, mas antes do P. 3. Bem, a outra coisa é, você quer pegar a mesma coisa. As pílulas nervosas e o conteúdo da guia na guia A Não as pílulas. R Por enquanto, estou simplesmente copiando o conteúdo da aba e não tinha pílulas. As duas coisas estão bem. E só colando este cabelo. Ok, agora primeiro envolve este não são mais os comprimidos. Estas são as abas. Ok? E para o p um, eu estou apenas digitando t um para o par perfeito P t dois t três t quatro. E aqui. Definitivamente. Temos que mudá-lo. Identificação t um t dois t três t quatro. Isso está perfeitamente ajustado. Agora, quais são os dados que você quer? Tuggle não é mais a pílula. É a guia guia na guia. Tudo deve estar na apresentação da forma pílula. Agora guarde isso. Vá até o irmão e refresque isso. Agora temos as mortes. As guias agora abas dinâmicas é apenas quando eu apenas olhar para a casa, Eu estou recebendo a casa e ele basta clicar na casa novamente Início. Mas a alma anterior está abrindo as pessoas, Peter e tudo o que você quiser. Então eu acho que isso está funcionando perfeitamente. Espero que aprenda muitas coisas nesta aula. Você aprende mais algumas coisas na próxima aula. Fique atento e adeus. 29. 27 paginação e paginação de Bootstrap: Olá e bem-vindo de volta aqui e ser fluido recipiente. Só estou colocando mais algumas coisas. Algumas coisas novas para o bootstrap. Na verdade, só quero mostrar a alienação do pager. Os dois são muito interessantes. Primeiro de tudo, um homem na classe do pager e o que é realmente o pager é novamente eu estou pensando que usamos a UL em vez de viciante. Então eu estou apenas atualizando este cisne e este em ul e então apenas aqui adicionando aliado novamente, vivo e depois o anterior ok, e então aqui, entrando em uma tag como Bill Hash cover, cobrir o próximo aqui no aliado, Replicando. E eles estão nesta datilografia anterior. Ok, eu acho que a classe fora anterior e aqui encontrando a classe fora do próximo, removendo o anterior e digitando próximo aqui salvando, indo para o navegador e atualizando. Agora você pode ver que o anterior e o próximo. Mas quais são os anteriores e os próximos? Na verdade, eles são os comprimentos para ir para a página anterior ou ir para a próxima página ou para a próxima luz ou slide anterior. Você pode usar em que, como você quer, colocando a direita no ref. Bem, definitivamente lá. Só esta criança por enquanto porque não há nenhum Edwards ou não há nenhuma linguagem de programação que aplicamos foi por isso que eles estão tão longe um para o outro. Só porque o elemento principal o elemento recipiente é assim, escritor, se você usar a coluna como e a coluna a olhar OMG tratar, então eles serão tão perto apenas porque fora as tags aparentes. Então, fazendo isso é apenas um pager no próximo passo, uh, uh, ele vai te ensinar sobre a página na nação aqui, a outra UL e a classe fora da UL aqui, paging Nation. E isso é colocar o aliado dentro da página na nação. E, novamente, a mesma coisa que entra no aliado e coloca a hiper referência e, neste momento, a tampa de hash e, em seguida, um para enganar livre cinco e seis. Guarde isso e atualize isso. Você pode ver que 123456 Na verdade, a paginação que podemos adicionar em qualquer lugar quando apenas criar a página e para alterar a próxima página. 123456 E quanto comprimento você tem aqui. Então isso é muito simples e muito fácil. Mas uma coisa mais que você pode ver que isso não está no centro. Só quero a paginação no centro fora da página. Então, para este caso, vou criar uma nova div. Bem, nós aprendemos sobre o centro de texto, que eu estou apenas aplicando com este centro de texto de jóias. Ok, então eles são definitivamente eu estou apenas cortando este CD ul inteiro e ele está colando este dentro deste aqui , o centro de texto. Aprendemos sobre o centro de texto nas aulas iniciais. Quando falamos apenas sobre os estilos de texto ou algo assim Agora você pode ver que a emissão de página está no centro da página. Então parece bom. Então eu estou decidindo a classe eficaz aqui com o número três OK, apenas para mostrar que como ele parece quando qualquer uma das classes ativas. Ok, você pode ver que é clicável, não é. E, por exemplo, você simplesmente não quer fazer o número cinco clicável. Então, na classe novamente e tipo desativado ET é realmente importante. OK, fresco isso. Agora você pode ver que há um sinal fora. Nenhum link ou nenhum clique em seus desativados, na verdade. Bem, agora vou fazer outra coisa. Ele realmente copiando o centro de texto e basting lá, lá, Mas apenas através do tempo é ok. E depois para os tolos. Ok, para o 1º 1 vou adicionar a paginação de novo, ok? E a paginação sm e lá eu não estou adicionando nada porque esta é uma nação de paginação simples . A paginação vazia, que é por padrão, então não precisa colocar o MD de paginação e, em seguida, a página na nação. Ok, LG Ok, a emissão da página. Pergunte a eles e a ambi paginação que por padrão Sedona não precisa colocar a nação página Amdy e, em seguida, a paginação LG salvar e ir para o irmão e atualizar este mundo. Esta é a paginação como eles Você pode ver que esta é uma paginação MD que é a queda do corpo e esta é uma página emissão lg Espero que você tenha aprendido todos eles então eu preciso ir para a classe mais adiante para aprender mais coisas sobre o bootstrap. Fique atento e adeus. 30. Navbar de inicialização 28: Olá e bem-vindo de volta. Então, nesta aula, eu só quero te ensinar mais algumas coisas. Mas lá não precisamos continuar flutuando no topo. Na verdade, faremos o fluido contínuo dentro do elemento o elemento valete. OK, isso não é necessariamente colocar a etiqueta do valete. Comece a usar a Ville dos Tigres. Porque só precisamos adicionar a turma da Naba aqui. Estamos apenas criando e temos. E agora esta é a sua escolha que você use uma etiqueta de valete ou o general que eles marcaram. A propósito. Eu só criei o suficiente. Dagenham vai para dentro desta etiqueta e depois para lá. Estou só a pôr o contentor aqui, está bem? Porque isso é realmente necessário para o recipiente neste momento. Estou apenas a criar um contentor simples. Então eu vou mostrar a vocês que qual é a diferença entre o fluido do recipiente no recipiente dentro da barra nunca. Ok, então dentro do contêiner, nós temos que criar um dia e lá a classe deve ser o odiador do bar de valetes. Ok. Acabei de criar o rebatedor, e dentro do batedor, tenho que digitar algo como, primeiro lugar, a etiqueta A e a classe se um é a marca do bar valete. Agora vá lá, cubra isso e coloque algo como as botas. Está preso. Certo, não, guarde isso. E o que eu estou apenas indo para condenar ou é apenas ah, ir lá adicionando no espaço e usando o extra se você sabe que a atrofia é realmente importante na tag A. Bem, logo depois do Haight está criando outro Dave. Ok. E dentro disto, Dave, estou apenas a criar a UL desta forma. Você l e, em seguida, dentro do, hum eu estou apenas criando um colosso fora da barra de valete valete. Nunca. Ok, agora, o que é o nab nosso é na verdade uma navegação que está dentro da barra de valete. Certo, não as guias ou as pílulas. Ou que tal tal aliado e, em seguida, seria o primeiro aliado. E, em seguida, apenas adicionando uma classe outra classe aqui, deve ser o ativo. Ou se você só quer ativo, outro. Então vamos deixá-lo livre, Melody uma etiqueta e que áspero e então o você sabe que isso deve ser um áspero, e então o hash tag, cobrir um A e, em seguida, ouvir o que eu vou digitar é todo ok agora duplicar que Just Suponha que estou apenas digitando auto justo. Ok, música, o que quer que você queira criar, é divertido. Contacte-nos, está bem? É não. Guarde isso. E agora qual deles você quer como o ativo? Eu só vou te ensinar como e foram, bem, este é um bar simples, nunca parecendo perfeito. Não, porque não tem efeito extra. Há um simples. Este é o Este é realmente o título do logotipo ou o nome do aquecimento. E estes são os menus. A audição vai para lá outra vez. E então apenas indo para o baile nunca o significa que pedir emprestado. Vendo detalhes, tentando o próximo bar? Só estou usando o padrão da barra de nunca neste momento. Existem dois estilos para a barra esquerda. Quando eu apenas atualizo isso, agora você pode ver que há uma grande área, e então você pode ver que esses elementos foram cobertos na cor da ferramenta cinza escuro . By the way, se eu simplesmente copiar este ou simplesmente mudar o padrão no reboque, inverso, inverso, salve isso de volta e atualize que você pode ver que o isso é efeito inverso, que é mais bonito do que o anterior pela maneira que é sobre você que como você usa bem, a nova música deve ser o colosso ativo em decidir a classe ativa com a música ativa, salvando esse final refrescante que você pode ver que o coletivo de música é parecido o ativo. As outras coisas são, se você apenas adicionar algumas coisas mais, por exemplo, você decide não ter barra outro estilo da barra de porca e tipo fixo significa que você só quer corrigir sua barra de nervo. Certo, há dois lados. Seu reconhecimento consertou seu cochilo no topo e no fundo, tão revigorado que agora não estou recebendo nada especialmente especial. Mas, na verdade, quando eu coloquei os dados para que Aaron realmente conserte, apenas tente colocar os dados logo após a navegação. Então você pode descobrir que quando você rolar sua tela, seu rebatedor é corrigido. Não está rastejando. Então, a propósito, você poderia digitar outra coisa no fundo também. Agora guarde isso e atualizei isso. Agora você pode ver que você é Hillary na garrafa. Bem, isso não é necessário digitar os elementos como o menu. Quando você apenas coloca o romance no fundo, menu ou o odiador, você pode digitar qualquer coisa dentro do Na'Abba. Bem, a outra coisa é que podemos adicionar o menu suspenso para negar barra também. Então eles são o que eu vou fazer é remover o fundo de correção para corrigir topo primeiro. Ok, agora economizando e qual deles você quer fazer a lista. Por exemplo, o software. Então, em um Coliseu, a aula esperada, você sabe, eles caíram vai usar a mesma coisa que poderíamos apenas morrer antes que as mulheres estivessem apenas falando sobre o nab nosso E então nós temos que adicionar o colosso com alguns dos coisas como esta uma etiqueta. E eu só estou adicionando a cláusula suspensa do Tuggle aqui, ok? A outra coisa é os dados Tuggle, Você sabe que se você acabou de usar o drop down, então temos que usar os dados Tuggle, Ezzell, e definitivamente este é um elemento javascript. Então decidimos desistir, e a Safiya e a hiper referência devem estar vazias ou apenas como o hash. Isso é realmente perfeito. E então, logo depois que o texto tomou depois disso, depois de texto ou qualquer texto legislar esta limpeza panto que você quer, Você já teve. Algo como o “drop down “significa omitir a classe fora do cuidado, você sabe, mas a cenoura. Ok, agora, pouco depois de um pouco antes da etiqueta final do aliado. Eu sou este apresenta um mentor do que apenas colocar o u l aqui. Ok, agora, para este, você vai, eu estou decidindo o Kloss. Ah, desta forma. E então o menu suspenso muitos Você está bem agora indo para dentro do menu suspenso e, em seguida, apenas obter o aliado aliado e, em seguida, aqui a um um drafty hiper referência. E então este é o hash tag novamente. Agora uma capa, o A E então aqui eu estou apenas digitando o por exemplo. O software do Windows está bem. Tudo o que você quiser digitar, você pode digitar aqui do que eu estou apenas digitando o Mac ou Apple. Sophia. Ok. E ali a mesa supera o nosso medo. O que quer que queiras levar, guardamos isso e vamos ter com o irmão. Refrescante. Agora você pode ver que isso depois teve um homem, você ou realmente o elo de cenoura. Quando é clique lá, Eu posso obter os muitos Oh, o menu suspenso. Então eu espero que você realmente entendeu sobre a queda no Nabaa. Roseville. Então esta é a hora de aprender mais algumas coisas. Você sabe que isso é um bootstrap. Este é o menu. Por que não apenas colocar? Sim, eu só vou lá e em outra coisa. Bem, uma coisa em que eu só quero esclarecer que nós podemos criar vários menus. Menu múltiplo, como valete. Agora, Burnaby, vou ensinar-te o que vou fazer. Então eu vou te ensinar outra coisa. Nunca bar aqui. Ok? O que significa o netball, certo? É o seu simples que quando você acabou de atualizar Agora você pode ver que o nunca barra este elemento , que tem o suficiente por direito, tem estão no lugar certo. Ok, agora, basta copiar este e colar ali. Ok? Então aqui estou eu removendo isso. Tenha por agora salvar e atualizar. Agora você pode ver que o manual lá e o segundo menu está lá apenas porque nós apenas colocá-lo o nunca certo com o menu do segundo. Eu só estou colocando os dois porque eu só quero te ensinar e você deve tentar isso cada vez mais vai algo mais, que eu só quero te ensinar. E esta aula é se eu for para a área de cima e este é o contêiner. Ok. Agora você pode ver que havia uma grande lacuna. Certo, só por causa do contêiner. Mas se eu apenas digitar o recipiente e hífen fluido, salvar e atualizar que agora você pode ver que a lacuna é muito pequena agora. Bem, na próxima aula, vou te ensinar mais algumas coisas sobre o bootstrap, então fique ligado e adeus. 31. Layout de formulário de bootstrap (1): Olá e bem-vindo de volta. Então, nesta aula, eu só vou ensinar sobre as fazendas amarradas de águia. Algo sobre os formulários. Você deve saber que podemos criar as fazendas verticais. Podemos criar o em formulários de linha e coisa realmente interessante no bootstrap. E então podemos criar o formulário. Horizontal é formas horizontais. Significa que eu vou guiar todas as fazendas de árvores fora do formulário que é realmente chamado formalmente fora no bootstrap. O 1º 1 deve ser a forma vertical. Bem, o padrão que eles desligam. Criar o formulário no bootstrap é na verdade a forma vertical. Então, há o fluido do recipiente, e eu vou apenas criar o elemento de forma. OK, estou distorcendo a criação do formulário usando o formulário marcado na tag informada e indo para dentro ou pouco antes do formulário. Vou adicionar a batida usando o pager. Se você se lembrar que acabamos de falar sobre a página ou em algumas aulas anteriores aqui. A página também outra página ou página odiador. Ok. Ok. Então eles estão se reunindo no espaço e depois a gravura para cada um. Ok? O que você preferir. Você sabe o melhor sobre sua necessidade em uma e mais jovem posição Bootstrap. Design completo. Ok, que seja. Agora vá até o irmão e se refresque. Agora você pode ver que as botas caem forma de design. Volte para o bloco de notas e vá para dentro dos elementos do formulário. E, na verdade , você ouve, se você apenas lembrar que nós temos que usar o layout da tabela para criar o formulário, a forma perfeita, ou nós temos que criar um monte de CSS se você quiser apenas criar o se você quiser usar a morte pelos formulários. Mas aqui no bootstrap, não precisamos criar nada. Só preciso digitar a tag Dave e, em seguida, apenas mencionar a classe fora do grupo de formulários. Dentro de um grupo, nós só temos você não pode colocar duas coisas a etiqueta e a entrada ou a etiqueta, a outra etiqueta da Paige. , Dentro de um grupo, nós só temos você não pode colocar duas coisas a etiqueta e a entrada ou a etiqueta, Como podemos fazer isso. Primeiro temos que adicionar o rótulo. Ok. E lá, no primeiro rótulo, estou decidindo o atributo completo. E então há colocar o nome de verdade. Ok? Qualquer coisa que você quiser digitar, você sabe o melhor sobre a sua necessidade lá. Eu só vou colocar o tipo de entrada. Hum, texto. Ok, simples. Isto é perfeito. Mas quando eu só vou para o irmão e atualizar que não, isso não é parecido comigo. Este. Este é um elemento de forma simples. A tag de entrada sem qualquer bootstrap. Então, primeiro de tudo, aqui eu só tenho que pegar algo como o seu nome ou qualquer coisa que você quiser. E então a segunda coisa é boa em. Protagonista, coloque o controle do formulário de classe. Esta é a única classe nos elementos de formulário dentro dos elementos de formulário para aplicação às importações. Selecione tags e o outro cão como área de texto criado pelo bootstrap. Vá até o irmão e atualize isso Você pode ver que seu nome. Esta é a sua gravadora. E esta é a tag de entrada quando é cozida lá. Agora você pode ver que ele tem uma bela sombra em torno do elemento e olhando realmente, muito bonito para criar um formulário. Por enquanto, estou apenas removendo o fluido do recipiente. Ok? E depois salvar isto. E agora refresque isso de volta. Agora você pode ver que na forma é um pouco espremido e parece perfeito. Bem, para o próximo elemento, basta copiar o Grupo deformado uma vez ou muito tempo quando quiser. Ok, então este é um nome. Este é o seu e-mail. O que você quiser. Seu e-mail, sua senha. Ok. E cervos confirmaram passaporte. Qualquer coisa que você só vai querer colocar a senha bem para o e-mail. E está colocando a estimativa cinco novo elemento. O e-mail para validar este campo de texto. E para o passaporte, usamos a senha, que é os e-mails mais antigos A e para o passe de confirmação ou definitivamente, devemos usar a senha novamente. Salve e vá para o irmão e refresque-se. Agora você pode ver que existem três elementos perfeitamente alinhados com a margem perfeita e batendo bonito. Ok, se você só quer Teoh, certifique-se de que se você apenas acha que a altura é que os vídeos foram realmente grandes fora disso, esses elementos deixem apenas colocar esses elementos dentro da coluna, por exemplo. Eu só estou indo para a etiqueta me informar, e há colocar a classe fora da coluna. MD oito. Se você se lembrar, acabamos de aprender sobre os elementos de forma sobre as correntes. Agora você pode ver que estes são espremidos 11. Mas eu não vou colocar o Coliseu porque eu só quero mostrar o formulário como o telefone funciona. Mas a outra coisa é, eu só vou copiar deformar a etiqueta completa dentro do formulário com o seu elemento de dentro, a propósito. E eles são apenas uma coisa que precisamos fazer. Primeiro de tudo, atualize que Agora você pode ver o novo formulário em seu nome. Mas antes disso, acho que deveria copiar o assassino Advil, e colá-lo aqui. E, em seguida, este tipo de borda cheio em quatro. E o bootstrapped em forma de linha. Ok, então agora faça uma coisa na etiqueta de formulário adicionando o Kloss em Lyon. Desculpe pela forma e em linha de música, Forman. Salve a vida e vá para o irmão. E refresque isso. Agora você pode ver que seu nome, seu e-mail, seu possível em sua senha de conferência. Tudo está no caminho em linha olhando realmente perfeito, eu espero. Interessado em criar o formulário on-line. A última coisa aqui, a última maneira de criar um formulário é a forma horizontal para a forma horizontal . Levou a simplesmente copiar este formulário novamente com o odiador de página. Ok? E estão colados. E então digite as botas. Drop Hori Zon, Tal forma Salvar isso e, em seguida, apenas remover esta classe ou apenas um grande a classe em forma para seu tio em vez de o completo na linha horizontal. Ok, salve isso e, em seguida, no formulário em cada grupo de formulários. Primeiro de tudo, vamos fazer o rótulo e entrada como uma coluna para o rótulo. Estou decidindo o colapso. Em primeiro lugar, o rótulo de controle. Bem, eu só vou dizer o país talvez mais tarde, porque eu só quero te mostrar o que ele pode fazer. Está directamente no MD de carvão dois, está bem? E então para criar o temos que criar uma nova coluna para a entrada. Então simplesmente no diabo e, em seguida, apenas no final do legal MD oito ou 10 o que você quiser. Eu estou apenas colocando 10 e, em seguida, basta copiar ou cortar esta entrada e colar este cabelo. Agora isto é mais perfeito. Bem, vou mostrar-te o que acabei de fazer. Refresque isso. Agora você pode ver que isso é o que eu acabei de criar. Bootstrap design de forma horizontal e, em seguida, seu nome. E você pode ver que os dois elementos estão na maneira horizontal. Mas por que estamos apenas no, uh eu só vou ensinar sobre o rótulo de controle. Temos que ter o rótulo de controle aqui para o rótulo de controle de elementos horizontal. Por quê? Nós apenas usar o rótulo de controle no rótulo se você apenas criar a horizontal home porque você pode ver que esta é esta a coluna que tem duas colunas ou esta área tem duas colunas, e esta área tem um 10 colunas. Assim, a área de duas colunas está começando a partir da esquerda. Mas quando eu apenas colocar o rótulo de controle agora atualizado que agora isso não está começando da direita. Então perto da coluna 10 que é o que eu só quero. Ok, então agora basta fazer o mesmo com cada elemento. Então, por enquanto, eu estou apenas excluindo esses três elementos porque eu só tenho que Ah, realmente do que o formulário. Então, primeiro lugar, estou removendo o texto, ok? Os espaços extras. E então simplesmente copiando o grupo de formulários e colando este cabelo aqui e aqui várias vezes eu apenas baseei isso. Vá para o irmão e atualize que Agora você pode ver que ele está olhando mais perfeito. Mas em vez da forma do teu nome, vou mudar isto para torná-lo mais bonito. O e-mail e o cabelo senha redefinindo o passaporte também. Ok. E esta é a senha confirmada. Agora, guarde isso e atualizei isso. Agora você pode ver que seu nome? Senha de e-mail. Inglaterra. Impossível. Todos eles começando do final realmente para a direita. E está começando do jeito certo. Então é isso que eu só quero criar. E isso se chama Informar horizontal. Bem, há este filme qualquer coisa na forma elementos sentir apenas falado sobre na próxima aula, então fique atento e 32. 30 elementos de formulário de bootstrap (1): Olá e bem-vindo de volta. Então, nesta aula, eu só vou ensiná-los sobre alguns ou elementos de forma bootstrap. Então, para este propósito, o que temos que fazer é simplesmente copiar. Bem, isso não é necessário para criar o formulário de forma horizontal ou vertical. Estou filmando a horizontal porque este é o último dia. Bem, simplesmente copiando este colando aqui. O que eu vou fazer é antes de tudo, apenas remover a senha de confirmação e digitar Começa. Ok. Você sabe que eles não conseguem obter os comentários na área de texto. Nós temos que obter os comentários no você sabe, primeiro lugar, apenas digitando aqui. A vinda bem, uma coisa que eu estou descartando continua é a idéia que temos que mencionar para limpar que o rótulo e entradas ou no link, embora eles tenham que fazer o i d ouvir, ouvir todos e proteger aqueles que têm os rótulos. Então, a propósito, vá para o navegador e atualize que eu tenho o novo elemento, o comentário. Mas, na verdade, não quero esse tipo de elemento. Sim, eu estou vivendo removendo a entrada porque eu só quero a área de texto. Certo, agora vá para a primeira etiqueta da área. Eles começam a atacar a área e na cirurgia Asya e depois colocar o controle total. Mas apenas colocando o controle de formulário, a área de texto agora é o elemento do bootstrap e parece realmente perfeito. Bem, se você só quer adicionar alguns vai para todos os I também em apenas rahs e colocar o Quanto? Razi um, por exemplo. 10. O Ross. Então atualize isso. Agora eu tenho a reviravolta aqui olhando com o zelador. Então, para o próximo elemento, eu estou simplesmente copiando o grupo de formulários novamente. E este basting ali. Ok, então, por enquanto, o que eu vou fazer na verdade, eu estou apenas em um tipo de livros de garotas. Então, para a caixa de seleção, temos que mudar a estratégia deles. Vamos apenas remover o 1º 1 Os últimos elementos a textura, realidade é coluna e, em seguida, ir para dentro das entradas. E antes de tudo, remova este também. Meios de remover as colunas novamente e realmente dentro do rótulo. Vamos apenas colocar a entrada, ok, ok, porque eu vou apenas criar, você sabe, entrada e, em seguida, digitar cheques cobrir isso. Não, vamos digitar o que quiser. Por exemplo, Primeiro de tudo, eu só estou fazendo uma coisa que pressionar em torrencial é colocar um Dave. Ou, na verdade, estou descrevendo o rótulo de cabelo. Certo, rótulo. Outro rótulo é rótulo. E então aqui estou eu no Kloss e estou apenas digitando o rótulo de controle e, em seguida, terminando em ST na coluna M d 2 e então ele esta gravação que, uh, mata o que você quiser apertado, você pode digitar habilidades. Ok, agora, este é o primeiro rótulo, e eu estou apenas mencionando, ou em vez do rótulo, primeira coisa primeiro nós temos que colocar um morto e dentro disso o que eu vou fazer com tendo o fechamento da caixa de seleção. Isso é realmente necessário para criar a caixa de seleção. E agora vamos cortar este e colar este cabelo com a ciência e sua distinta aqui e agora é a caixa de seleção. E em vez dos comentários que estou removendo antes da área porque isso não é realmente necessário para projetar roxo. Então, a propósito, vá até o irmão. Mas antes que eles estão indo para o irmão, deixe este tipo html obrigatório ou religioso copiar toda a caixa de seleção. Copiar um. E ah, colar, colar e uma coisa Mawr. Quando eu criei a única coluna aqui. Então devemos criar outra coluna também, porque eu não estou usando os talões de cheques individuais. Estou criando muito mais para ouvir as roupas novas e o MD de carvão virarem novamente. Este é 21, este é 10. Agora, dentro da coluna 10. Basta cortar todas as caixas de seleção e colar dentro disso agora legis uma justiça. Agora salve e vá para o irmão e atualize. Agora, estas são as habilidades que você pode ver e olhar realmente perfeito as habilidades. Então o que eu vou fazer é, na verdade, em segundo lugar, Legis simplesmente copiar todo o formulário cresceu em ritmo. Refresque. Agora, este é um novo elementos. Mas agora estou adicionando outra coisa interessante nos rótulos. Não este rótulo. Este nível é apenas para o ódio. Ok, isso para você sabe que esta matança afirmando Butare dentro desses rótulos onde nós colocamos o, hum, rótulo de controle aqui. Não precisamos colocar o rótulo de controle. Ok, deixe-nos um pouco do rótulo de controle e que apenas digite a caixa de seleção. Ok. O mais longo limpando isso. Nós simplesmente não precisamos colocar o rótulo de controle lá e ali e ali também, porque definitivamente eles são usados inutilizáveis. Não podem fazer nada nos rótulos. Bem, só estou pegando as caixas de seleção. E eu tinha a caixa de seleção aqui, então não é simples. Marque a caixa de seleção na linha. Ok, então agora vamos apenas copiar esta caixa de seleção e colar ali e ali, e então apenas ir para o irmão. Agora você pode ver que isso é enviado simples. Nada de novo lá, mas ali. Estes ainda são os mesmos. Apenas por quê? Porque quando você só quer criar a caixa de seleção em linha para que todos os rótulos devem estar no único fazer. Ok. Agora, basta remover esta caixa de seleção e esta caixa de seleção rotulada caixas de seleção salvar e ir para o irmão e atualizar. Agora você pode ver que o externo Aston Villa National e há Estes são os verticais e estes são os em linha. Isto é o que eu só quero te ensinar. Espero que tenha ficado de pé sobre isso. Então, em segundo lugar, eu estou simplesmente copiando o todo do grupo porque agora eu só quero ensiná-los sobre o rádio. Eles já botões. OK, então primeiro de tudo, para isso criar o rádio, não precisamos usar a caixa de seleção. Você precisa usar o rádio, ok? E, em seguida, a primeira coisa, porque eu estou apenas removendo as múltiplas linhas e, em seguida, razões realmente copiar , mas antes de copiar, registrar isso e não há necessidade de colocar nada nos rótulos. Basta ir diretamente para o cheque o tipo e mudar a caixa de seleção para o rádio, e então vamos selecionar a refeição, e então basta copiar o rádio inteiro e duplicar. Ok, agora, esta deve ser a fêmea, sabe, e há a opção de salvar o gênero e ir até o irmão e atualizar a refeição e a fêmea agora . Esta é uma maneira simples de criar. Ok? Usando os atributos de nome, você sabe que podemos criar a sincronização e um comprimento entre eles, obtendo o mesmo nome. Agora você pode você pode apenas atualizar que agora você não pode selecionar colocar uma vez. Ok? Você só tem que selecionar apenas 11 vezes. Então agora a outra coisa é outra vez. Estou apenas copiando todos os grupos de fazenda e depois vou para baixo. E o que eu vou fazer é antes de tudo, remover o rádio lá. Ok? E lá, e então dis cortando este e colando lá e, em seguida, no rótulo, eu estou decidindo a nova classe aqui rádio pano em linha. E, em seguida, vamos copiar esta classe e simplesmente caso este cabelo classe salvar e atualizar. Ok, agora você pode ver que a fêmea masculina e ali Estes são os verticais, e estes são os horizontais. Espero que tenha entendido os dois. Mas há algo mais. Eu só quero ensinar sobre os elementos de forma primeiro de seguir a sua remoção do espaço extra . E agora isto. Crie no novo. Então, novamente, apenas criando um novo formulário Dev the Div, na verdade, e no final do grupo completo. Está bem, entra nisto e deixa-nos pôr o rótulo de primeira classe. E porque eles estão na forma horizontal, então aqui, grupo de formulário e, em seguida, cobrir esse rótulo. E eles são apenas digitar, por exemplo, o país ou o que você quer colocar porque eu vou apenas ensinar sobre a tag select então apenas ir para baixo. Mas antes de descer e descer em outro chamado MD dois. Ok. E isso deve ser formado. Não vai. Ok, então lá estou eu apenas pressionando Enter e apenas criando a tag de seleção, ok? E então apenas adicionando a classe fora, você sabe, o controle de formulário. Ok. O controle de formulário funciona no seletor de seleção, adicionando algum interesse e, em seguida, apenas adicionando a opção, que é necessária para a tag select. Então estas são as opções e, em seguida, as primeiras opções. Estou apenas digitando o, por exemplo, nós. Certo, Reino Unido. O que ganhou ele? Só me lembro que estou digitando Afeganistão, Alemanha. Seja qual for o nome que você queira colocar nenhum problema lá. Paquistão, meu país. Salve e vá para o irmão e refresque-se. Agora você pode ver os EUA agora. Curiosamente, isso é bem projetado. Ok? Com a borda azul e a sombra, a sombra da caixa em qualquer coisa. Então esta é uma tag seleta e espero que tenha entendido como funciona lá. Há algo mais nos elementos de forma que vamos falar no próximo estado de classe fazendo e adeus 33. Elemento de formulário de bootstrap 31 2 (1): Olá e bem-vindo de volta. Então, nesta aula, eu só vou ensinar mais algumas coisas fora dos elementos de forma bootstrap, você pode ver que eles eram o país, e há o elemento selecionado do país. Mas novamente, veja que eles não estão nessa dessa maneira de classificar esses elementos. Então, como ajustá-los? Vá lá. E em primeiro lugar, eu estou apenas adicionando o Eu estou apenas colocando outro div aqui. Classe Cole M 10. Ok, você sabe, colocar isso dentro disso e então apenas fazer isso desta maneira, e então apenas colocar outra coisa, você sabe, que o rótulo de controle e por engano, eu apenas colocá-lo grupo de formulário, que não é deve estar lá. Ok, então eu estou removendo aquele tão fresco que agora isso está na maneira. Mas no último, temos que colocar outra coisa. Você pode entender a coisa, que é na verdade a Deb e, em seguida, classe formar um grupo e, em seguida, o botão. Ok, então aqui estou eu apenas estabelecendo uma cláusula no corpo. Beleza e Gideon supostamente o sucesso. E aqui eu estou apenas digitando o clique para enviar e verificar isso no irmão por atualizar. Agora você pode ver que eles clicaram. Envie para lá. Mas por que não? Isto está ali. E como adicionar isso está lá quando não precisamos do rótulo? Está bem. Curiosamente, não precisamos do rótulo. Então você sabe que estamos apenas colocando esses, adicionando o rótulo de rótulo recebendo duas colunas. Então, após as duas colunas da terceira coluna, esses elementos estão começando, e eu só quero que você este elemento para começar a partir da terceira coluna, mas eu simplesmente não quero colocar o rótulo como duas colunas. Então como gerenciar este espaço legis presidente e realmente legis. E então basta ir para a primeira tag e colocar a cláusula aqui. Ok, agora, Cole MD 10. Só quero ligar a cada 10, está bem? E então apenas colocando o botão, eu estou apenas cortando o botão. Nós Tre Vialli pegamos o botão e ele está colando o botão aqui e, em seguida, salve isso e atualize isso. Então isso é algo realmente novo. Mas a novidade é que quando eu estou no carvão, significa que estou decidindo o legal Amdy dois. Está bem, mas não os dois. Apenas o desligado para significar é que nos permite iniciar o MD 10 após o MD para Ok, agora atualize isso. Você pode ver que ele está começando a partir da terceira coluna. Então definitivamente você entendeu sobre o carvão MD compensado para isso. Como funciona. Bem, para tornar isto mais interessante, podemos fazer mais algumas coisas. Por exemplo, BD na sorte e salvar e atualizar. Agora você pode ver que o grande cabelo preto, o botão jumbo que pode fazer a forma ou confiar bem na próxima aula eu vou apenas ensinar-lhe um pouco mais do que sobre os elementos de forma sobre a validação da forma algum estado humano e Adeus. 34. Estilo de validação de forma de bootstrap 32 (1): Olá e bem-vindo de volta. Então, aqui nesta classe, eu estou apenas criando alguma coisa mais interessante nos elementos de formulário nos elementos de formulário bootstrap . Na verdade, eu estou apenas criando um novo fez aqui e, em seguida, apenas indo para o primeiro 1 tag e, em seguida, colocando o grupo de formulários, como você sabe, que isso é necessário para criar um grupo de formulários ou qualquer elemento de formulário. Bem, lá estou eu lendo o rótulo de novo. Etiqueta abrangia isso e rótulo e sua própria dis mencionando que o nome. Ok. E então há indo para baixo entrada, gravata, cabelo de texto e cobriu isso. E então eu fiz isso. Capaz de Coliseu desativado. Guarde isso e vá para o cabelo do navegador. O navegador está atualizando agora? Agora você pode ver que eu não posso digitar nada. Na verdade, neste, bem, eu estou adicionando qualquer espaço e adicionando uma classe fora do bootstrap, o controle total. Agora salve e vá para o irmão e atualize. Você pode ver que ele parece foi completamente alterado, mas definitivamente é um deficiente. Portanto, você não pode fazer nada para fazer com que o status desative qualquer entrada ou qualquer tomada seletiva. Como qualquer tecnologia do bootstrap do formulário, podemos usar o bootstrap. Ok. A classe das botas para a outra coisa é, se queremos apenas validar seu formulário, então definitivamente você tem que fazer o JavaScript ou o HTML de cinco maneiras. Mas aqui, nesta forma, neste elemento, estou apenas fazendo algo como validação. Primeiro de tudo, eu apenas copiei, você sabe, que eles completam a aula, e então você sabe que não há entrada. E ah, cabelo é o grupo de forma, e então eu estou adicionando mais algumas coisas, assim como o tem alimentação de volta agora. Ok? Feedback. Vamos mencionar que o tipo de feedback que você quer tem, por exemplo, eu estou apenas digitando. Aviso. Ok. Guarde isso. Eu só coloquei de manhã aqui. Não, vou ter o efeito da manhã. E esta é a entrada que realmente tem o controle de formulário e nada mais do que essa legenda diretamente neste pan it. Lembre-se da luva que eu convenci você aprendeu na classe 14 ou 15 qualquer coisa. Então, usando o grande Feikens V pode verificar cones Ok, de não s segundo lef eu poderia queimar. Ok, eu estou adicionando um ícone americano aqui do glifo. Eu poderia t ela Ok, agora, em seguida, a alimentação de controle total de volta salvar e ir para o irmão e atualizar isso. Agora você pode ver que isso é apenas porque nós acabamos de adicionar o tem feedback tem manhã a cor. Ok. E este sinal é só porque eles decidiram o penhasco que eu posso ouvir. Ok, então a segunda coisa é apenas remover os deficientes porque eu só quero que você mostre que como ele funciona atualizou isso para que possamos trabalhar nele. Definitivamente quando nós clicamos lá, eu posso obter a sombra da caixa aqui, mas isso não é bom. Se você simplesmente colar essa coisa sem qualquer ar de aviso ou algo assim, quando você acabou de validar formulário usando os agentes de consulta J JavaScript PHP, então você deve usar esta maneira para adicionar qualquer tipo de feedback. OK, mas no bootstrap, estamos apenas aprendendo sobre esse ladrilho. Então, há um 2º 1 aqui. Eu só estou falando sobre o sucesso e não estou falando sobre o aviso ou algo assim . Só estou digitando, na verdade. Ok? Está bem, está bem. É para o sucesso. Refresque isso vai. Agora você pode ver que o sinal ok e tudo é deve ser da mesma forma. Controle de feedback e tudo é perfeito, como você pode ver que a cor verde e, em seguida, eu basta clicar no verde. Estou recebendo a mesma coisa. Bem, a outra coisa é, se eu apenas copiar este novamente, enfrentou lá e, em seguida, o grupo de formulário tem feedback não tem o sucesso. Se ele tem o sempre uma sala em qualquer tipo de erro, assim como o erro é feito. Estou refrescando que agora está certo, mas ainda é um modo de verificação porque eu não mudei o Cliff Aiken. Então o Cliff Aiken não deve estar bem. Deve ser removido. O nome do penhasco que não consegui remover. Ok. Refrescado que agora você pode ver as roupas que eu fechei. Algo que significa que algo está errado. A remoção deles, o que for. Assim, desta forma podemos na validação é mosaicos, não a validação. Na verdade, apenas a validação é revestida por telefone e definitivamente enfraquece. Usou a queda na linha também. Se eu tivesse tirado a aula, hum, cheia Oh, espere um pouco. Completa em fila. O valor já sabia sobre o formulário em linha. Refresque isso. Agora você pode ver que todos os agricultores na linha caminho. O que? Por que não? Só estou copiando. Eu apenas copio este e colo este cabelo e apenas removo o na linha deste novo formulário. E então temos as duas maneiras de criar o telefone. Então eu espero restaurado sobre a validação de formulário InStyle. Aprendemos mais algumas coisas na próxima aula, então união estadual e adeus. 35. Modais de Bootstrap de 33 REN (1): Olá e bem-vindo de volta. Então, nesta aula, Vergis aprendeu algumas coisas novas no bootstrap com for Violet é deletado A etiqueta final no recipiente nesta classe, eu só vou ensiná-los sobre o modelo e confiando recurso fora do bootstrap, que funciona jogar, consulta DJ e a equipe J e o arquivo Js bootstrap. Os arquivos do barco são muito importantes. Se quiser trabalhar com o Modell. Então deixe você dizer a classe off Mood Alford, e então ele precisa de um i d. qualquer i específico Nós temos que colocar, por exemplo, o modelo 1. Bem, a outra coisa é, ele realmente precisa de um botão também. Botão ou uma etiqueta ou o que preferir. Só estou criando o botão aqui. Ok, então eles estão dentro da etiqueta do botão. Estou apenas colocando clique para ver modelo. Qualquer coisa que você possa digitar o que você preferir. E há algo que temos que mencionar na forma de atributos. Em primeiro lugar, a cerveja, Ian e a beleza no sucesso. Qualquer efeito que você quiser, você pode obter, então nós temos que colocar algumas variáveis específicas. Desculpe. Os atributos, por exemplo, Data Tuggle e, em seguida, o valor deve ser modelo. Certo, só estou falando da modelo. E os dados serão problemas. Qual é o Modell clicando neste botão? Não. Qual modelo você deseja segmentar por este botão? Então, dia em que como obter e o modelo, que eu só vou mirar, é o Modell um, que é na verdade um 90. Então vamos mencionar a idéia. Signers ville, e definitivamente nós acabamos de criar o botão. Agora estou indo para o clima e há algo que temos que colocar dentro do modelo. O 1º 1 é a outra classe, o conteúdo do modelo ou o diálogo realmente modelo. Este é um dos 1º1 Agora vá para dentro e crie outras damas. E o 2º 1 deve ser o conteúdo do boodle. Agora, o conteúdo moral está indo bem para dentro e colocando outras coisas, por exemplo, o modelo modelo modelo hitter e o modelo para o erro de ortografia oh. Agora a duplicata do odiador modelo sobre isso deve ser o humor do corpo. E então este deve ser o alimento modelo ou tudo que eu acabei de criar e mão está indo para a área do odiador do meio e, em seguida, apenas colocar o H um tag. O que você preferir. Essa é muito grande. Eu acho que o H cheio é o tamanho preferido. E ali, Modell. Você pode digitar qualquer coisa que eu disser para você. Odiador de Modell. Salve e vá para o corpo modelo. E o que quer que você queira digitar dentro do corpo do modelo, você pode digitar o exemplo completo. Só estou colocando dentro da etiqueta P. Este é o clima, Al. E, em seguida, AP sempre corpo agora salvar e ir para baixo no humor na área de foto modelo e legis tipo modelo Rodapé, salvar e ir para o navegador e atualizado. Tem um botão. Agora eu só estou limpando quando eu apenas subi, apenas clicando no botão. Você modelo coletivo. Só estou pegando o modelo com o odiador de modelos. Este é o corpo de um modelo, e se a comida uh bem, esta é a comida ou não deve gostar disso, podemos no botão também. Vou adicionar o botão mais tarde correndo tão perto. Mas a coisa é que quando eu apenas clicar no modelo, ele está apenas nos mostrando Ah, sem qualquer efeito extra, por que não estar apenas no efeito de desvanecimento com ele? Então, desvaneça, salve e atualize. Agora clique lá agora você pode ver isso agora. Está vindo lindamente usando a técnica desgastada e indo lindamente. Então isso é só porque nós acabamos de adicionar a classe fora do desvanecimento lá. A outra coisa é que devemos adicionar o botão de fechar também. Sabe que só clicamos aqui ou em qualquer lugar. Nada acontecendo. Mas quando nós apenas clicamos fora do modelo, ele está fechando. Por que não? Nós decidimos o botão fechar aqui, como você geralmente vê em diferentes aplicações JavaScript, do que se você apenas criar isso. Agora eu estou indo apenas para o bloco de notas mais e dentro do modelo odiador pouco antes do texto legis tipo ou colocar o botão. Ou é em vez do botão Derrick eu estou apenas adicionando estes pan. Ou acho que devo tentar com o botão um. Certo, agora vá para a primeira aba do botão e tenha aulas inespecíficas para a turma. Mas não há como colocar a beleza ou algo assim. Estou apenas adicionando diretamente a classe fechada e, em seguida, dentro do botão legislar os dados. Isso eu acho que é ortografia deve ser descartado. Wellville ortografia correta. Se ele não vai funcionar modelo, o que você deseja descartar clicando neste botão. Só quero descartar a modelo, está bem? E eles estão olhando para o X aqui. Mas este não é o método preferido. Vou ensinar-te o método perfeito também. Refresque isso. E agora eu estou apenas clicando no clique para ver modelo agora, OK, tudo está bem. Quando é clique lá, está fechando. Isso significa que os dados rejeitados modelo e a classe de roupas está funcionando. Mas em vez do X, o preferido é tempos de cifrão e o semi cólon, a totalidade. Vamos clicar ali. Agora você pode ver isso é exatamente como o X, Mas quando eu apenas atualizar e agora eu clicar. Isto é como o botão de fechar. Quando um disco lambeu, tudo está bem. Mas isso é apenas uma totalidade agora na comida ou eu vou apenas adicionar em vez do texto Agora, eu vou apenas adicionar algo como o botão para fechar o poço deles. Por enquanto, estou simplesmente copiando o botão deste, o botão superior e colando aqui. E em vez do fechamento as vezes inteiramente e indiretamente digitando fechar e atualizando. Agora eu estou apenas clicando lá e agora eu tenho o botão de fechar. Bem, por que o botão é exatamente assim porque há a classe do fechamento fechado a classe removeu a cláusula, na verdade, e colocar Liberian a classe perfeita para fazer um belo botão 1.000.000.000 salvar e atualizar Clique para exibir o modelo. Agora eu tenho o botão aqui. Quando é clicar no botão, ele está fechando. Isso significa que o barco fora dos botões está funcionando perfeitamente. E, na verdade, todo o nosso modelo está funcionando. Realmente, realmente perfeitamente. Então, pessoal, na próxima aula, aprendam mais algumas coisas, fiquem ligados e adeus. 36. Carrousel de 34 alça de inicialização: Olá e bem-vindo de volta. Então, nesta aula, você está falando sobre o carrossel. Então, o que é o carrossel se você apenas trabalhar no conselho usando a consulta J? Então, Jake Oracle JavaScript? Definitivamente. Este é um controle deslizante de consulta J, o carrossel, que é um plug in. E então você tem que ter algumas técnicas de jaquilla para usar o usando o carrossel, mas eles estão no bootstrap. Você não precisa colocar o G uma técnicas