Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Apresentaçao BootStrap

    Enviado por

    Reinaldo Costa
    5 visualizações23 páginas

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PPTX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    5 visualizações23 páginas

    Apresentaçao BootStrap

    Enviado por

    Reinaldo Costa

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 23

    Bootstrap

    Framework
    Equipe:Reinaldo,Janine,Samuel
    Resumo

    O que é

    Como funciona
    Bootstrap
    Exemplos

    Como baixar
    “Projetado para qualquer um em qualquer
    lugar.”

    —Bootstrap slogan
    O que é o Bootstrap

    <html lang=”pt-br”>

    < O bootstrap é um frameworks de software livre, ou seja gratuito de


    desenvolvimento front-end.
    Criado em 2010 por Jacob Thornton e Mark Otto com o objetivo de
    otimizar o desenvolvimento com a criação de uma estrutura única de
    codificação. >
    Criadores

    85% 40%

    Mark Otto
    Jacob Thornton
    Popularidade
    O bootstrap chegou ao Github no segundo
    semestre de 2011 e logo se tornou uma das
    ferramentas mais populares da plataforma,
    por ser de código aberto logo recebe milhares
    de contribuições dos usuários se tornando o
    software de código aberto mais ativo do
    mundo
    Os 3 arquivos primarios

    HTML JavaScript CSS


    Gerencia conteúdo e Parte central do bootstrap Gerencia o layout da
    estrutura da página web pagina web
    Aplicação
    O bootstrap é utilizado no
    desenvolvimento front-end que se
    adapte a tela do dispositivo utilizado
    pelo usuario.
    01
    Exemplo
    02
    Exemplo
    Estrutura Basica
    bootstrap/
    ├── css/
    │ ├── bootstrap.css
    │ ├── bootstrap.css.map
    │ ├── bootstrap.min.css
    │ ├── bootstrap.min.css.map
    │ ├── bootstrap-theme.css
    │ ├── bootstrap-theme.css.map
    │ ├── bootstrap-theme.min.css
    │ └── bootstrap-theme.min.css.map
    ├── js/
    │ ├── bootstrap.js
    │ └── bootstrap.min.js
    └── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2
    Codigo basico
    Exemplos do Bootstrap

    Template Carrossel
    Inicial Exemplo de pagina com
    Basico do bootstrap layout de carrossel

    Tabela de Blog
    Preços Exemplo de layout de blog
    Exemplo de página de
    preços de pacotes
    Vantagens do Bootstrap

    01 03
    Facil de Usar Layout responsivo

    02 04
    Gratuito Otimo Suporte
    Download

    Bootstrap

    Faça download do bootstrap clicando no icone acima


    THANKS!
    Equipe:
    Reinaldo
    Janine
    Samuel

    CREDITS: This presentation template was created by


    Slidesgo, incluiding icons by Flaticon, and
    infographics & images by Freepik.

    Você também pode gostar