1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Bootstrap não funciona

Olá Pessoal estou fazendo um formulário e tentando usar o Bootstrap no entanto, não estou conseguindo. Não está aparecendo a parte bunitinha :( Alguém pode me dar um HELP?https://www.filepicker.io/api/file/uRsaBo4XTeINHUKcVcjH

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<title>Form Contato</title> 
<meta charset="UTF-8">
<link href="style.css" rel="stylesheet" media="all" />

 <!--carregando o bootstrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head> 

<body>
<!-- Incluindo o jQuery que é requisito do JavaScript do Bootstrap -->
<script src="http://code.jquery.com/jquery-latest.js"></script>

<!-- Incluindo o JavaScript do Bootstrap -->
<script src="js/bootstrap.min.js"></script>

<form class="form-horizontal">
<fieldset>
<legend>Dados para Contato</legend>

<div class="control-group">
  <label class="control-label">Nome</label>
  <div class="controls">
    <input id="nome" name="nome" type="text" placeholder="Insira seu nome" class="input-xlarge" required>
    <p class="help-block">* Campo Obrigatório</p>
  </div>
</div>

<div class="control-group">
  <label class="control-label">CPF</label>
  <div class="controls">
    <input id="cpf" name="cpf" type="text" placeholder="056.424.945-98" class="input-xlarge" required>
    <p class="help-block">* Campo Obrigatório</p>
  </div>
</div>

<!-- Multiple Radios -->
<div class="control-group">
  <label class="control-label">Sexo</label>
  <div class="controls">
    <label class="radio">
      <input type="radio" name="sexo" value="Masculino" checked="checked">
      Masculino
    </label>
    <label class="radio">
      <input type="radio" name="sexo" value="Feminino">
      Feminino
    </label>
  </div>
</div>

<!-- Select Basic -->
<div class="control-group">
  <label class="control-label">País</label>
  <div class="controls">
    <select id="pais" name="pais" class="input-xlarge">
      <option>Brasil</option>
      <option>EUA</option>
      <option>Espanha</option>
      <option>Itália</option>
      <option>México</option>
    </select>
  </div>
</div>

 <div class="form-group">
        <label for="inputEmail">Email</label>
        <input type="email" class="form-control" id="inputEmail" placeholder="fulano@email.com">
</div>

<!-- Button -->
<div class="control-group">
  <label class="control-label"></label>
  <div class="controls">
    <button id="enviar" name="enviar" class="btn btn-primary">Enviar</button>
  </div>
</div>

</fieldset>
</form>
</body>
</html>
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

2 respostas

Não é a resposta que estava procurando? Procure outras perguntas com as tags html5 ou faça a sua própria pergunta.