css - 并排居中 Bootstrap div

Question

我正在尝试将 2 个 div 并排居中，但不知道该怎么做，有人可以帮忙解释一下吗？目前他们更偏左。

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-10 col-xs-offset-1 col-sm-offset-0 col-sm-4 col-md-3">
      <h1>..</h1>
    </div>
    <div class="col-xs-10 col-xs-offset-1 col-sm-offset-0 col-sm-4 col-md-3">
      <h1>..</h1>
    </div>
  </div>
</div>

Answer 1

试试这个

.item{
  display:inline-block;
  vertical-align:top;
  width:30%;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<div class ="container-fluid">
 <div class="text-center">
    <div class="item">
      <input type="text" class="form-control">
      <input type="text" class="form-control">
      <input type="text" class="form-control">
   </div>
    <div class="item">
      <input type="text" class="form-control">
      <input type="text" class="form-control">
      <input type="text" class="form-control">
   </div>
 </div>
</div>