输入框网站居中

要让输入框居中，可以使用以下两种方法中的一种：

### 方法一：使用 Bootstrap 的 d-flex 和 justify-content-center 类

通过给输入框的外层容器添加 `d-flex` 和 `justify-content-center` 类，可以使输入框水平居中。

HTML 代码：

<div class="container mt-5 d-flex justify-content-center">
  <form>
    <div class="form-group">
      <input type="text" class="form-control" id="searchInput" placeholder="请输入搜索内容">
    </div>
  </form>
</div>

### 方法二：使用 margin 和 text-center 类

通过给输入框的外层容器添加 `text-center` 类，并使用 `margin` 属性来使输入框水平居中。

HTML 代码：

<div class="container mt-5 text-center">
  <form style="margin: 0 auto;">
    <div class="form-group">
      <input type="text" class="form-control" id="searchInput" placeholder="请输入搜索内容">
    </div>
  </form>
</div>

以上两种方法都可以实现输入框的水平居中，您可以根据自己的喜好和实际情况选择一种方法。