Bootstrap/CSS輸入窗體不居中

Question

Bootstrap輸入窗體不居中，即使我將它設置爲。 這裏是什麼樣子：

表不居中：

適形

紅色的問題，綠色是我想要的。這是代碼。

CSS：

.form-control { 
    height: 50px; 
    width: 330px; 
    padding-left: 5px; 
    font-size: 20px; 
    font-family: 'Lato', sans-serif; 
} 

HTML：

  <form class="form-inline" role="form"> 
       <div class="form-group"> 
        <label class="sr-only" for="exampleInputEmail2">Enter email address</label> 
        <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email address"> 
       </div> 
       <div class="form-group"> 
        <button type="submit" class="btn">Early Access</button> 
       </div> 
      </form> 

所有幫助將是驚人的，謝謝。

Answer 1

請問this是否解決了您的問題？

只是增加了一個包裝周圍：

#wrapper { 
    text-align:center; 
} 

.form-control { 
    margin: 0 auto; 
} 

Answer 2

如何沿着這些線路的東西：

• 包裝你的東西有<div class="container">，中心應有盡有。
• 將ID添加到同一個div，並將寬度設置爲任何你想要的。
• 將按鈕的寬度設置爲100％。

HTML：

<div class="container" id="myContainer"> 
    <form class="form-inline" role="form"> 
     <div class="form-group"> 
      <label class="sr-only" for="exampleInputEmail2">Enter email address</label> 
      <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email address" /> 
     </div> 
     <br> 
     <div class="form-group"> 
      <button id="earlyAccessBtn" type="submit" class="btn">Early Access</button> 
     </div> 
    </form> 
</div> 

CSS：

#myContainer { 
    width: 350px; 
} 

#earlyAccessBtn { 
    width: 100%; 
} 

DEMO