我正在使用引導進行登錄。我如何居中？

Question

我正在做一個學校項目，我需要做一個登錄頁面。我找到了這個代碼，但它並沒有顯示在頁面的中心。它顯示在頁面的左側。那麼，第一部分出現在左側，第二部分出現在右側。居中後我需要左側下方的右側。 這是我的代碼：

<div class="container"> 
    <div class="row"> 

     <!-- left half of the page --> 
     <div class="col-xs-6"> 
      <form class="form-signin" method="post" action="login.php"> 

       <h2 class="form-signin-heading">Please sign in</h2> 

       <div class="form-group"> 
        <label for="inputEmail">Email address</label> 
        <input type="text" name="emailaddress" id="inputEmail" class="form-control" placeholder="Email address" value="" required autofocus> 
       </div> 

       <div class="form-group"> 
        <label for="inputPassword">Password</label> 
        <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required> 
       </div> 

       <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> 
      </form> 
     </div> 

     <!-- right half of the page --> 
     <div class="col-xs-6"> 
      <h3>Not a member yet?</h3> 
      <a href="join.php">Join our club</a>, it's the best! 
     </div> 
    </div> 
</div> 

我在做什麼錯了？我應該添加更多的代碼嗎？它爲什麼顯示在我的屏幕左側？

Answer 1

在要居中的div元素的類部分，寫入「居中」。

例如，如果要居中的行，改變

<div class="row"> 

到

<div class="row centered"> 

這通常是在引導預設樣式類。如果這也不行，你也可以使用樣式設置：

<div class="row" style="text-align: center"> 

Answer 2

簡單的解決方案：

<center>[code]</center> 

而且<div class="centered">是罰款。