Javascript 使用Twitter引导简单地将表单居中

我不熟悉引导和我的代码：

<form method="POST" name="checker" action="process-form-data.php" onsubmit="return blankCheck()">
  <p><input type="text" class="form-control" name="said"></p>
  <p><input type="submit" class="btn btn-success" value="Submit"></p>
</form>

我试图用引导缩短输入文本字段的宽度。当我在bootstrap的网格系统中使用标记时，我无法再将输入居中。现在输入跨越了整个页面，我希望只有大约20个字符长。谢谢

---

下面是它的显示方式：

使用引导网格系统几乎很容易：只需考虑有12个块的网格，因此添加

col-md-8

和

col-md-offset-2

表单将以“8个块”的宽度居中

---

我还在下一段中添加了

col-md-12

，以便将其保留下来。也许有一种更简洁的方法（例如定义容器），但这种快速修复方法很有效。

您链接到的页面的按钮和输入居中。您知道如何使用容器吗？因为我正在另一个页面上工作，其中有多个项我想保留在引导项下。是的，但没有这么多理论。只需在元素中使用

container

类，它将尝试填充所有可用空间。最简单的方法是使用一个大元素（bootstrap显示一个div，但我更喜欢使用sections和/或articles，因为它的含义）并将所有内容放在其中。给你钱。