如何在bootstrap 4中居中订阅表单？

Question

<footer class="container-fluid text-center">
  <p>&copy; 2018, Matir Dokan, CSEDU</p>  
  <form class="form-inline">
    <input type="email" class="form-control" size="50" placeholder="Email Address">
    <button type="button pull-right" class="btn btn-danger">Subscribe</button>
  </form>
</footer>  

我想在中心转移电子邮件地址和订阅选项。

Answer 1

欢迎使用堆栈溢出社区。您需要在align="center"内<form> 试试这段代码：

   <footer class="container-fluid text-center">
   <p>&copy; 2018, Matir Dokan, CSEDU</p>  
  <form class="form-inline" align="center">
 <input type="email" class="form-control" size="50" placeholder="Email Address">
 <button type="button pull-right" class="btn btn-danger">Subscribe</button>
</form>
 </footer>

Answer 2

添加一类justify-content-center。

编辑：

 <form class="form-inline">

TO：

 <form class="form-inline justify-content-center">

Demo with your code