resolvido centralizar o formulario

[TheRapido]

Como centralizo isso '-'

Obs: ja usei o "center" mas n foi, so centralizou o texto




codigo do formulario

<div class="container">
<div class="col-md-6">
<div class="form-area">  
<form role="form" method="post" action="enviar.php">
<br style="clear:both">
<h3 style="margin-bottom: 25px; text-align: center;">Formulario de confirmação</h3>
<div class="form-group">
<input type="text" class="form-control" id="name" name="nick" placeholder="Nick" required>
</div>
<div class="form-group">
<input type="text" class="form-control" id="email" name="email" placeholder="Email" required>
</div>
<div class="form-group">
<textarea class="form-control" type="textarea" id="codigo" placeholder="Mensagem" maxlength="140" rows="7"></textarea>
<span class="help-block"><p id="characterLeft" class="help-block ">Mande uma print do seu codigo de confirmação</p></span>                    
</div>
 
<button type="button" id="submit" name="submit" class="btn btn-primary pull-right">ENVIAR</button>
</form>
</div>
</div>
</div>

[ExtraPlays]

Centraliza usando as grids do Bootstrap

<div class="container">
	<div class="col-md-3"></div>
	<div class="col-md-6">
		<div class="form-area">  
			<form role="form" method="post" action="enviar.php">
				<br style="clear:both">
				<h3 style="margin-bottom: 25px; text-align: center;">Formulario de confirmação</h3>
				<div class="form-group">
					<input type="text" class="form-control" id="name" name="nick" placeholder="Nick" required>
				</div>
				<div class="form-group">
					<input type="text" class="form-control" id="email" name="email" placeholder="Email" required>
				</div>
				<div class="form-group">
					<textarea class="form-control" type="textarea" id="codigo" placeholder="Mensagem" maxlength="140" rows="7"></textarea>
					<span class="help-block"><p id="characterLeft" class="help-block ">Mande uma print do seu codigo de confirmação</p></span>                    
				</div>				
				<button type="button" id="submit" name="submit" class="btn btn-primary pull-right">ENVIAR</button>
			</form>
		</div>
	</div>
	<div class="col-md-3"></div>
</div>

[leonardosc]

Tenta colocar margin: 0 auto;

[_Manel]

Se tu tambem estiver usando css , tenta alinhar usando , left

[SnowRunescape]

tire está div <div class="col-md-6">  e no <div class="container"> insira esse codigo style="width:30%;" (esse é o metodo de resolver simples...)

[BeeCoding]

A melhor solução, sem duvida é a flexbox

 

CSS:

body {
  display: flex;
  align-items: center;
  justify-content: center;
}

é só usar isso q todo o conteudo da pagina vai ficar exatamente no centro.

 

o container e a coluna q vc usou são totalmente inuteis

Editado Janeiro 17, 2017 por BeeCoding

[Thelike]

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.


Atenciosamente,
Gamer's Board