Html 在引导4 Alpha 6中对齐表单？

随着Bootstrap 4的新Alpha 6更新，表单对齐似乎依赖于一些新类，我尝试在CSS中添加带有display:block类的.mx auto类，但似乎没有任何东西移动它

这就是我的代码，有人能告诉我如何将简单的表单放到屏幕中央吗

<section id="form">
   <div class="container">
       <div class="row">

                <div class="col-md-12">
                    <form class="form-inline" role="form" method="post">
                        <input type="email" class="form-control form-control-sm" name="email" placeholder="enter your email">
                        <button type="submit" class="btn btn-signup" name="submit" value="send">sign up</button>
                    </form>

              </div>

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

---

在bootstrap4的新alpha6更新中，“forminline”类使用值“flex”获取显示属性的新声明

要使窗体位于中间，需要将其设置为“块”

---

希望这能解决你的问题。谢谢：）

在引导程序4的新Alpha 6更新中，“form inline”类使用值“flex”获取显示属性的新声明

要使窗体位于中间，需要将其设置为“块”

---

希望这能解决你的问题。谢谢：）

将

justify content center

类添加到您的表单中：

<section id="form">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <form class="form-inline justify-content-center" role="form" method="post">
          <input type="email" class="form-control form-control-sm" name="email" placeholder="enter your email">
          <button type="submit" class="btn btn-signup" name="submit" value="send">sign up</button>
        </form>
      </div>
    </div>  
  </div>
</section>

注册

将

资源中心类添加到表单中：

<section id="form">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <form class="form-inline justify-content-center" role="form" method="post">
          <input type="email" class="form-control form-control-sm" name="email" placeholder="enter your email">
          <button type="submit" class="btn btn-signup" name="submit" value="send">sign up</button>
        </form>
      </div>
    </div>  
  </div>
</section>


注册
谢谢Mamum，这解决了问题。谢谢你的解释！我试过了，但在我有足够的声誉之前，我不会，我会回来更新，当我可以的时候。@andycl1你已经有足够的代表接受答案了。只需单击答案左侧投票下的空复选标记。谢谢，妈妈，这解决了问题。谢谢你的解释！我试过了，但在我有足够的声誉之前，我不会，我会回来更新，当我可以的时候。@andycl1你已经有足够的代表接受答案了。只需单击答案左侧投票下的空复选标记。
<section id="form">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <form class="form-inline justify-content-center" role="form" method="post">
          <input type="email" class="form-control form-control-sm" name="email" placeholder="enter your email">
          <button type="submit" class="btn btn-signup" name="submit" value="send">sign up</button>
        </form>
      </div>
    </div>  
  </div>
</section>