DevMedia - asp.net, Java, Delphi, SQL e web Design, tudo em um só lugar!
Bem vindo a DevMedia!
LOGIN:     SENHA:
 
 

  Este é um post disponível para assinantes MVP
Você também pode acessá-lo através de Créditos DevMedia.  Clique aqui para saber mais!

Video: Grids e Layouts – Curso web sites com Bootstrap – 3

Nesta aula estudaremos a necessidade e importância dos grids e layouts, sempre procurando entender de forma correta como usar e empregar. Entenderemos o que são grids e como framework implementa os mesmos.

Tempo: 22:38 min

Descrição: Já fizemos as considerações teóricas necessárias, a partir deste momento daremos início a um estudo mais aprofundado do Twitter Bootstrap. Nesta aula estudaremos a necessidade e importância dos grids e layouts, sempre procurando entender de forma correta como usar e empregar. Entenderemos o que são grids e como framework implementa os mesmos. Faremos uma explicação sobre a utilização de layouts dentro do framework bem como as formas de layouts disponíveis para a criação de nossas páginas. Faremos exemplos práticos e de rápido aprendizado a respeito destes dois assuntos, onde utilizaremos os recursos de grids fixos e ainda layouts fluídos com exemplos práticos. Faremos uma breve introdução a páginas responsivas.

Tecnologias e recursos: Adobe Dreamweaver, Google Chrome, Twitter Bootstrap, css, framework, grids, layouts, fluídos, responsivo

Listar todos os posts de Curso de Criação de web sites com Bootstrap

Jaison Dairon Ebertz Schmidt
Bacharel em Ciência da Computação pela Universidade de Passo Fundo

Web Designer da Universidade de Passo Fundo

Trabalha a aproximadamente 12 anos com tecnologia Web, em especial tecnologias Adobe (Flash, Dreameaver e Fireworks)

Twitter: www.twit...
O que você achou deste post?

    3 COMENTÁRIOS

[Fechar]

Este post é fechado - você precisa ter acesso ao post para incluir um comentário.



Thadeu Batista
Bom dia Jaison. Estava tentando colocar uma div a direita do meu conteudo e estava tentando executar o código que tem lá no site do bootstrap que ensina isso :

<div class="container-fluid">
<div class="row-fluid">
<div class="span2">...</div>
<div class="span4 offset6">...</div>
</div>
</div>

Porém, a div "span4 offset2" não fica na posição correta, ou seja, ela fica imediatamente após a outra e não dá os espaços que determinei pela classe "offset". O que posso está fazendo de errado??
[há +1 mês] - Responder

 

[autor] Jaison Dairon Ebertz Schmidt
Siminui o offset para 5 ou até 4, normalmente assim funciona corretamente
[há +1 mês] - Responder
 

Thadeu Batista
Descobri o erro!!! Vi que eu não estava importando o bootstrap-responsive.css. Depois que importei, consegui o resultado desejado.
[há +1 mês] - Responder
 
Cursos relacionados
Publicidade
[Fechar]

Você precisa estar logado para dar um feedback.

Clique aqui para efetuar o login
[Fechar]


Este post está fechado. Saiba mais sobre a assinatura MVP!
web-03
DevMedia  |  Anuncie  |  Fale conosco
Hospedagem web por Porta 80 Web Hosting
2013 - Todos os Direitos Reservados a web-03