PDF gratuito do livro Bootstrap 3.3.5 do Maujor

Pessoal a Novatec disponibilizou gratuitamente o PDF do livro de bootstrap do Maujor, aproveitem essa oportunidade de usufruir de um material de qualidade e totalmente gratuito, eu mandei um email na novatec para analisar a possibilidade de postar o download do pdf aqui no blog, mas o pessoal pediu para postar o link para baixarem direto lá pois eles fazem um controle da quantidade baixada.. então segue abaixo o link e mais informações sobre o livro.

 Bootstrap 3.3.5
Cadastre-se e receba!
Livro Ensine seus filhos a programar
Bootstrap 3.3.5

Com este livro você aprenderá a criar aplicações web com qualidade profissional, obtendo o máximo proveito dos recursos do Bootstrap, o poderoso framework front-end voltado para o desenvolvimento rápido e fácil de sites e aplicações web responsivos e alinhados com a filosofia mobile-first.

Autor: Maurício Samy Silva (Maujor)

Clique aqui para fazer o download

Entendendo o float do CSS.

Pessoal, uma dúvida constante com relação ao CSS são relacionadas ao alinhamento de elementos, por isso resolvi falar um pouco sobre essa propriedade que é extremamente necessária para organização dos elementos em um layout.

Dependemos do float sempre que precisamos alinhar 2 ou mais elementos paralelamente, imagine que você queira dividir o seu layout em dois menus, um ao lado do outro, nesse caso você usaria o float com o valor left, para que os dois fiquem lado a lado, também é possível alinhar dois elementos em lados opostos, um ao left e outro ao right, lembrando que tudo que for desenvolvido será baseado no elemento pai do elemento ao qual você está implementando o float, para melhor compreensão seguem dois exemplo da utilização do float.

<div style="float:left; background-color:#060">
Primeira
</div>
 <div style="float:left; background-color:#FF3">
Segunda
</div>
 <div style="float:left; background-color:#009">
Terceira
</div>

Utilizando o Código acima teremos: Exemplo float left

<div style="width: 300px;">
<div style="float: left; background-color: #060;"> Primeira</div>
<div style="float: right; background-color: #ff3;"> Segunda</div>
</div>

Utilizando o Código acima teremosExemplo float Right