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

时间:2017-02-05 01:13:28

标签: jquery css typeahead.js algolia twitter-typeahead

我是否正在尝试实施Algolia的自动填充功能(我相信它是基于推特的Typeahead?),遵循其网站上的示例:https://www.algolia.com/doc/guides/search/auto-complete/

是否可以使下拉列表响应?例如,在该页面上,制作“Rich”横向UI'示例水平在较大的屏幕上,但垂直堆叠在较小的屏幕上(我使用Bootstrap,所以考虑col-xs-12,col-sm-6风格)

非常感谢任何建议。谢谢!

1 个答案:

答案 0 :(得分:0)

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