javascript - 使用 Twitter Bootstrap 将表单居中

Question

我是 bootstrap 和我的代码的新手:

<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 缩短输入文本字段的宽度。当我将标签与 Bootstrap 的网格系统一起使用时，我无法再将输入居中。现在输入跨越整个页面，我希望只有大约 20 个字符长。谢谢。它是这样显示的:web page

Answer 1

使用 bootstrap 网格系统几乎很简单:只需考虑一个有 12 个 block 的网格，因此添加 col-md-8 和 col-md-offset-2表单将以“8 block ”的宽度居中。

我还在下一段中添加了 col-md-12 以减少它。也许有一种更简洁的方法(例如定义容器)，但这种快速修复很有效。