为什么在Bootstrap容器区域外显示第二个表单?

时间:2016-08-07 19:58:36

标签: twitter-bootstrap paypal html-form

我使用的是Bootstrap,并且在.container中有两个表单。如何在表单区域外显示第二个PayPal表单?

enter image description here

HTML

             作家的尝试 - 作家形式

SharedPreferences.Editor editor = sp.edit();
editor.putString("User", c.getString(c.getColumnIndex("Name")).toString());
editor.commit();

1 个答案:

答案 0 :(得分:1)

您应该使用类col-xx-x将每个表单包装在div中;类似的东西:

<div class="container">
  <div class="row">
    <div class="col-md-x>
      # your first form here
    </div>
    <div class="col-md-x>
      # your second form here
    </div>
  </div>
</div>

请注意,x中的col-md-x必须替换为1到12之间的整数,考虑到yp要为每列提供多少空间。

此外,删除用于包装Paypal表单的<div>,并将其替换为<div class="col-md-x>,如上所示。

查看bootstrap grid docs了解详情。