Форматирование раздела Мгновенный поиск

Question

Я пытаюсь показать секцию попадания из Мгновенного поиска Algolia так же просто, как выпадающий элемент из начальной загрузки:

один результатза строку в виде ссылки <a>, без изображений.

Но я получаю только это:

Какможно получить стиль выпадающего элемента (выше), по одному элементу в строке, без этих границ и перекрытий?

Код HTML для seachbox:

<form class="form-inline md-form my-0 mr-5 text-white ">
<i class=“fas fa-search white-text” aria-hidden=“true”></i>
<div id=“searchbox” class="text-white "></div>
<div id=“hits” class=“dropdown-menu text-white” ></div>
</form>

Код JS:

search.addWidget(
instantsearch.widgets.searchBox({
container: “#searchbox”,
placeholder: “Search”,
showSubmit: false,
autofocus: false
})
);

  search.addWidget(
    instantsearch.widgets.hits({
      container: "#hits",
      templates: {
        empty: "None.",
        item: function(item) {
           return `<a class="dropdown-item" href="/question/${item.id_question}">${item.str_question}</a>`;
        }
      }  
    })
    );

Answer 1

Не видя внутри <div id=“hits”></div>

Я предполагаю, что есть ul и li вам нужно сделать эти display: block и еще несколько свойств CSS вероятно white-space: pre;

Можете ли вы предоставить внутренний html для <div id=“hits”></div>? чтобы мы могли дать лучший ответ.