使用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

使用自举网格系统几乎很简单：只需在包含12个块的网格中进行思考，因此添加col-md-8和col-md-offset-2表单将以“8块”的宽度为中心。

我还将col-md-12添加到下一段中，以便将其保留下来。也许有一种更清洁的方式（例如定义容器），但这种快速修复方法有效。