【问题标题】：CSS/Bootstrap v3 - Align Search button and Input field (Bootstrap 3 in Drupal)CSS/Bootstrap v3 - 对齐搜索按钮和输入字段（Drupal 中的 Bootstrap 3）
【发布时间】：2018-11-27 18:41:23
【问题描述】：
在 Drupal v7.6x 和搜索 API 模块（和搜索页面）中使用 Bootstrap v3 我尝试将搜索按钮与输入字段对齐，但两者都不会水平对齐。也许我看不到“树木的木材”，但我似乎无法在 override.css 中使用 CSS 修复它。
谁能建议我做错了什么或错过了什么？
先感谢您。
保罗·B
附件：输入表单项的图像和从 Chrome/Firefox Web Inspector 工具获取的 CSS。
【问题讨论】：
标签：
css
twitter-bootstrap-3
drupal-7
【解决方案1】：
我找到了一个解决方案，可能不是正确的解决方案，但今天不适合我，直到我可以了解有关 css 的更多信息。
我所做的是在我的 css 中我在 overrides.css 中创建了一行并添加了以下 css 行：
#search-api-page-search-form div {
display: flex;
margin-bottom: 0px
}
正在使用的目标搜索框。我遇到的问题是这些字段位于“div”中，因此是代码末尾的 div。至少我修好了，现在我可以继续在它上面继续构建。
如果有人有任何改进的答案，请随时提出建议并更正我的代码。