引导程序中的中心输入字段

Question

此代码显示div左侧的输入

<div class="col-sm-8 col-md-7" style="min-width: 270px;">
<input type="text" name="address" class="form-control" value="<?php echo$data["address"]; ?>">
</div>

我打算使用中心并对齐div并显示相同的内容。对不起英文。非常感谢。此致

Answer 1

如果我理解你想要的是什么，那么以下内容应该以输入字段为中心：

<div class="col-sm-8 col-md-7" style="min-width: 270px;">
<input type="text" name="address" class="form-control" value="<?php echo$data["address"]; ?>" style="margin: auto;">
</div>

默认情况下，Bootstrap的.form-control字段设置为100％宽度，因此您不会发现任何差异。例如，您可以添加width: 50%，然后您会看到它出现在中心。

更新回答：

看起来你需要将容器div而不是输入字段居中。您可以使用col-md-offset-*执行此操作：

<div class="col-sm-8 col-md-7 col-md-offset-2" style="min-width: 270px;">
<input type="text" name="address" class="form-control" value="<?php echo$data["address"]; ?>">
</div>

由于Bootstrap的网格由12列组成，因此当您使用col-md-7时，它不会完全居中。您需要使用col-md-8和col-md-offset-2使其完全居中。