如何将所有内容集中在2个引导列中？ （col-md-6和col-md-6）？

Question

基本上我有类似的东西

    <div class="container">
      <div class="row">
        <div class="col-md-6>
          <form class="form-group-sm">
            <input />
            <button type="submit"></button>
          </form>
        </div>
      </div>
         <div class="col-md-6> 
          <form class="form-group-sm">
            <input />
            <button type="submit"></button>
          </form>
        </div>>
      </div>

并排2列，我试图找出一种方法来将每个列中的表单，输入和按钮居中，但似乎无法弄清楚如何。

     <form method="POST" action="./createProduct" class="form-group-sm" >

                <div class="form-group">
                    <label for="t" class="col-md-8 control-label">Product Type</label>
                    <div class="col-md-8">
                        <input name="productType" id="t"/>
                    </div>
                </div>

                <div class="form-group">
                    <label for="sn" class="col-md-8 control-label">Material Cost PerSqFoot</label>
                    <div class="col-md-8">
                        <input name="matCostSqf" id="sn"/>
                    </div>
                </div>

                <div class="form-group">
                    <label for="snum" class="col-md-8 control-label">Labor Cost PerSqFoot</label>
                    <div class="col-md-8">
                        <input name="laborCostSqf" id="snum" />
                    </div>
                </div>
                <br />
                <div class="col-md-8">
                    <br />
                    <button class=" btn btn-danger btn-lg center-block" type="submit">Submit</button>
                </div>
            </form>

Answer 1

Twitter Bootstrap有一个名为" # config.autoload_paths = $(lib)\n" ⬆↳c Any space 的默认类。

只需将text-center类添加到text-center div中，如下所示：

col-

P.S。您忘记正确关闭列div。确保你总是关闭它们

Answer 2

您的标记包含一些错误，例如额外的结束div和​​类属性缺少的双cotes：class =＆＃34; col-md-6＆gt; 这里是你可以使用bootstrap类的解决方案＆＃34; text-center＆＃34;

<div class="container">
  <div class="row">
    <div class="col-md-6 text-center">
      <form class="form-group-sm">
        <input />
        <button type="submit">Submit</button>
      </form>
    </div>

     <div class="col-md-6 text-center"> 
      <form class="form-group-sm">
        <input />
        <button type="submit">Submit</button>
      </form>
    </div>
  </div>

here is a pen