如何居中输入框（引导形式）

Question

<div class="container-full">

      <div class="jumbotron text-center" style="background-color:#fff" ng-show="registrationForm">
        <p class="genericText">Fill out the following information to create your profile.</p>
    <!-- FORM -->
    <!-- pass in the variable if our form is valid or invalid -->
   <form name="goalsForm" ng-submit="submitForm(goalsForm.$valid)">
    <div style='width: 100%; display: inline-block;'>
  <div class="form-group col-xs-4">
    <label for="exampleInputEmail1">Create Password</label>
    <input type="Text" class="form-control" id="inputGoal" placeholder="Enter a password" ng-model="goal">
  </div>
    <div class="form-group col-xs-4">
    <label for="exampleInputEmail1">Confirm Password</label>
    <input type="Text" class="form-control" id="inputGoal" placeholder="Confirm your password" ng-model="goal">
  </div>
</div>

  <button type="submit" class="btn btn-default">Complete</button>
</form>

      </div>

</div> <!-- /container full -->

以上是我的表单代码，我在Angular.js中使用全宽度引导程序布局。这是输出屏幕。

两个输入框位于100％宽的父div中，我试图将两个输入框居中，以便在调整大小时不会失去响应性。

我试过了

• 的.text中心
• margin：auto

没有任何成功。

我该怎么做？

感谢。