Bbbbb
Nº:43
TURMA:11IA;
TEMA: BootStrap e Frameworks CSS;
Framework:
Um framework apenas se trata de uma coleção de arquivos com declarações de estilos definidas com um padrão para que possam ser utilizados em qualquer tipo de sites. Sendo útil para o desenvolvimento de aplicações web e também para solucionar eventuais problemas e situações comuns que ocorrem ao desenvolvermos uma aplicação web.
<html>
< head>
< title>Estrutura BluePrint.</title>
<link rel="stylesheet" href="blueprint/screen.css">
<link rel="stylesheet" href="blueprint/print.css"> <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css">
<![endif]-->
</head>
< body>
< div class="container"> <div class="span-24 last">
<h1>Testando Blueprint</h1> </div> <div class="span-4 last"> <p> Lateral Esquerda.</p> </div> <div class="span-10"> <p>Corpo...</p> </div> <div class="span-6 last"> Lateral Direita. </div>
<div class="span-24 last"> <br> Rodape... </div>
< /div>
< /body>
< /html>
Bootstrap:
O Bootstrap é um framework criado pelos desenvolvedores do Twitter e amplamente utilizado por desenvolvedores e agências em todo o mundo. Como um framework, seupapel é agilizar a produção de layouts com componentes CSS pré declarados que podem ser alterados.
Bootstrap fornece-lhe com os seguintes tipos de layouts de formulário :
Vertical formulário (padrão)
forma inline
forma horizontal
Forma vertical ou básico
A estrutura de forma básica vem com Bootstrap ; controles de formulários individuais recebem automaticamente algum estilo global. Para criar uma forma básica faça o seguinte:
Adicionar um formulário de papel para o pai <form > elemento.
Enrole rótulos e controles em um < div> com a classe .form - grupo. Isto é necessário para espaçamento óptimo .
Adicionar uma classe de controle .form a todos textual <input >, < textarea > e <select > elementos:
<form role="form"> <div class="form-group"> <label for="name">Name</label>