PHP Como centralizar elementos no Body com bootstrap?

[Visitante]

 

  
	<div class="card text-center" style="width: 18rem;">
	<section class="card text-center" style="width: 18rem;">
	<div class="card-header">	

	<div class="card-body">
		
<h1 class="title has-text-link"> Entrar </h1>
<form class="form-group" action="<?php echo $_SERVER['PHP_SELF'];?>" method="POST">
<p>
<input class="form-control" type="text" name="login" placeholder="Email ou usuário" required autofocus="">
</p><p>
<input  class="form-control" type="password" name="senha" placeholder="Senha" required>
</p>
<button type="submit" name="btn-entrar" class="btn btn-primary btn-lg">Entrar</button><br>

<div class="g-signin2" data-onsuccess="onSignIn"></div>
		<div class="content" id='msg'>
		<script>

		function onSignIn(googleUser) {
			var profile = googleUser.getBasicProfile();
			var userID = profile.getId(); 
			var userName = profile.getName(); 
			var userPicture = profile.getImageUrl(); 
			var userEmail = profile.getEmail(); 			 
			var userToken = googleUser.getAuthResponse().id_token; 
			
			//document.getElementById('msg').innerHTML = userEmail;
			if(userEmail !== ''){
				var dados = {
					userID:userID,
					userName:userName,
					userPicture:userPicture,
					userEmail:userEmail
				};
				$.post('validalogingmail.php', dados, function(retorna){
					if(retorna === '"erro"'){
						var msg = "Usuário não encontrado com esse e-mail";
						document.getElementById('msg').innerHTML = msg;
					}else{
						window.location.href = retorna;
					}
					
				});
			}else{
				var msg = "Usuário não encontrado!";
				document.getElementById('msg').innerHTML = msg;
			}
		}
		</script>		
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    	</div>

    		

<a href="esqueceusenha.php" target="_blank">
<p class="btn btn-info">Esqueceu sua senha?</p><br>
</a>
<div class="btn btn-light">

</div>
</form>
</div>
</div>
</section>
</div>

    

Ele fica todo pra esquerda,quero que ele fique no meio da pagina,tem a Nav bar em cima e o footer certo,eu não consigo centralizar,tambem se alguem souber me diz como fixar a NAVBAR,eu estava usando Bulma,mas precisei trocar pro Bootstrap.

[Public2004]

@felipe honorio Rapaz, só com esse trecho de code fica difícil te ajudar sem saber o restante da estrutura (elementos que englobam esse trecho). Com o Bootstrap basicamente você estrutura seu conteúdo dentro de "containers" que podem ser fixos (que são auto centralizados) ou fluidos - elementos internos dentro desses "containers" podem ser centralizados horizontalmente com uso de margin left e right em "auto;" ou "text-center" que é uma classe pronta do framework equivalente a: "text-align: center;" - isso dependendo do que vai ser centralizado. Outra novidade do BS4 é o uso do Flex, que também pode ser útil para alinhamentos vertical e horizontal. Para fixar a navbar no topo, faça uso da classe "fixed-top" do próprio BS. Sugiro verificar a documentação do Framework.

 

Abs.