Javascript 如果引导搜索展开正下方的选项卡式窗格不起作用

我正在尝试使用这里提供的高级下拉搜索

问题是下拉列表在我现有的页面设置中不起作用。我有一个引导选项卡式面板，位于搜索框div的正下方

<div class="tabbable" id="indexTabs">
<ul class="nav nav-tabs" id="myTabs">
    {% for index in allindexes %}
    {% set href = '#'+(index) %}
    {% if loop.index == 1 %}
        <li><a href={{href}}  class="active" data-toggle="tab">{{index|title}}</a></li>
    {% else %}
        <li><a href={{href}} data-toggle="tab">{{index|title}}</a></li>
    {% endif %}        
    {% endfor %}
</ul>

<div class="tab-content">
    {% for index in allindexes %}
    {% set href = '#'+(index) %}
    {% if loop.index == 1 %}
        <div class="tab-pane active" id={{index}}>AJAX request failed :(</div>
    {% else %}
        <div class="tab-pane" id={{index}}>AJAX request failed :(</div>
    {% endif %}        
    {% endfor %}
</div>
</div>

{allindexes%中索引的%s}
{%set href='#'+（索引）%}
{%if loop.index==1%}

{%else%}

{%endif%}
{%endfor%}

{allindexes%中索引的%s}
{%set href='#'+（索引）%}
{%if loop.index==1%}
AJAX请求失败：(
{%else%}
AJAX请求失败：(
{%endif%}
{%endfor%}

---

如果我没有这个选项卡类，并且使用一个包含内容的通用div，它就可以正常工作。因此，问题与我的选项卡窗格有关。有没有关于如何解决这个问题的想法。理想情况下，我希望我的选项卡窗格在单击搜索框上的下拉菜单后能够平滑地在页面上向下滑动。但是我对CSS的知识还很初级。Thanks

你的CSS在哪里？你应该做一个工作示例。除了链接中提供的CSS之外，我没有自定义CSS。我正在使用引导