|
<< Click to Display Table of Contents >> Básico |
  
|
|
<< Click to Display Table of Contents >> Básico |
|
Tela
Fonte
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<style>
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="span4">
<form class="well form-search">
<legend>Sistema de busca</legend>
<input type="text" class="input-medium search-query" />
<button class="btn">
Buscar</button>
</form>
</div>
<div class="span6">
<form class="well form-inline">
<legend>Sistema de login</legend>
<input type="text" class="input-small" placeholder="Email" />
<input type="password" class="input-small" placeholder="Senha" />
<label class="checkbox">
<input type="checkbox" />Lembrar
</label>
<button class="btn btn-primary">
Logar</button>
</form>
</div>
</div>
<hr />
<div class="row">
<div class="span5">
<form class="well form-search">
<legend>Formulário Básico</legend>
<label>
Seu nome:</label>
<input type="text" class="span4" />
<label>
Seu email:</label>
<input type="text" class="span4" />
<label class="checkbox span5">
<input type="checkbox" />Receber o RSS do site
</label>
<button class="btn btn-primary">
Cadastrar</button>
</form>
</div>
</div>
</div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<script language="javascript">
</script>
</html>