Básico

<< Click to Display Table of Contents >>

Navigation:  Bootstrap > Formulários >

Básico

Previous pageReturn to chapter overviewNext page

Tela

 

bootstrap22

 

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>