bootstraps居中搜索框

Bootstrap中的居中搜索框可以通过几种方法实现，主要利用了Bootstrap提供的网格系统和样式类来达到对齐效果。以下是一个简单的步骤：

1. 首先，创建一个`<form>`元素作为搜索框容器：

<form class="d-flex justify-content-between align-items-center">

这里，`d-flex`表示使用Flexbox布局，`justify-content-between`使得元素在水平方向上均匀分布，`align-items-center`使元素在垂直方向上居中。

2. 在`<form>`里添加输入框（`<input type="text" class="form-control me-2" />`）和提交按钮（`<button type="submit" class="btn btn-primary">搜索</button>`）。`me-2`是间距类，用于提供一些边距。

完整代码示例：

<div class="container">
  <form class="d-flex justify-content-between align-items-center mb-3">
    <input type="text" class="form-control me-2" placeholder="搜索...">
    <button type="submit" class="btn btn-primary">搜索</button>
  </form>
</div>