Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mini-curso Twitter Boostrap 3.3.5

396 views

Published on

Meetup sobre Twitter Boostrap na LGroup

Published in: Career
  • Facebook: https://www.facebook.com/diegoangelus. Linkedin: https://www.linkedin.com/in/dmodesto, E-Mail: diegosanches89@gmail.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Mini-curso Twitter Boostrap 3.3.5

  1. 1. Diego Sanches Modesto Facebook, Linkedin, E-Mail
  2. 2. Twitter Bootstrap 3.3.5 http://getbootstrap.com/
  3. 3. Arquivos necessários  Arquivos por CDN;  Arquivos por Bower;  Arquivos por Node Package Manager;  Arquivos por Composer;  Arquivos do Código Fonte;  Arquivos principais;
  4. 4. Sistema de Grade (Grid System)  Colunas? Como assim?  “Grid systems are used for creating page layouts through a series of rows and columns that house your content.”  Container -> Row -> Column;  Colunas estão ligadas com Media Queries;  O que diabos são Media Queries? Nome Prefixo Dimensão Celular .col-xs-* Automático Tablet .col-sm-* 750px Notebooks .col-md-* 970px Desktops (TVs também) .col-lg-* 1200px
  5. 5. Layout Responso  Vantagens;  Desvantagens;  Como desabilitar? Veja no site  Como identifico em cenário real se devo usar layout responsivo?
  6. 6. Suporte em navegadores Suporte no INTERNET EXPLORER 8 Feature Internet Explorer 8 Internet Explorer 9 border-radius Not supported Supported box-shadow Not supported Supported transform Not supported Supported, with -ms prefix transition Not supported placeholder Not supported

×