searchclear按钮的位置已移位

Question

我有livesearch脚本，它运作良好。但正如您在searchclear按钮下方看到的该图像已移位。 我的页面中有两个js脚本，因此我加载了两个CDN。我认为导致这种流离失所的事情发生了。 有人可以教我我的代码有什么问题吗？

这是我的整个代码 https://jsfiddle.net/blueink/hq86Lxs2/3/

这是我的实时搜索部分     

    <div class="btn-group">
        <input type="text" name="search" placeholder="input 1" class="search form-control" size="3000"
               onkeypress="return event.keyCode!=13"/>
      <span class="searchclear glyphicon glyphicon-remove-circle"></span>
    </div>

    <ul class="list-group result"></ul>
</div>

Answer 1

如果您尝试使用输入组，则需要使用input-group-append类。

有关示例，请参见the documentation。

<div id="searchComponent-1">

<div class="btn-group">
    <input type="text" name="search" placeholder="input 1" class="search form-control" size="3000"
           onkeypress="return event.keyCode!=13"/>
  <div class=input-group-append>
    <span class="searchclear glyphicon glyphicon-remove-circle"></span>
  </div>
</div>

<ul class="list-group result"></ul>