Algolia 自动完成 - 如何做出响应答案

【问题标题】：Algolia autocomplete - how to make responsiveAlgolia 自动完成 - 如何做出响应
【发布时间】：2017-02-05 01:13:28
【问题描述】：

我正在尝试实现 Algolia 的自动完成功能（我相信它是基于 Twitter 的 Typeahead 构建的？），按照他们网站上的示例：https://www.algolia.com/doc/guides/search/auto-complete/

是否可以使下拉菜单响应？例如，在该页面上，使“丰富的水平 UI”示例在更大的屏幕上水平，但在较小的屏幕上垂直堆叠（我正在使用 Bootstrap，因此考虑 col-xs-12、col-sm-6 样式）

任何建议将不胜感激。谢谢！

【问题讨论】：

【解决方案1】：

我找到了一种解决方案 - 按照该页面上的示例，只需更改 .aa-dropdown-menu > div 的宽度 CSS。例如，小屏幕为 100%，大屏幕为 50%

【讨论】：