Twitter bootstrap 无法正确查看图标搜索

我试图在搜索表单旁边放置一个搜索图标，但它无法工作。我在这里尝试了一些解决方案，但没有一个能奏效。我该怎么办

这是源代码

<div class="col-sm-3 col-md-3 pull-right">
    <form class="navbar-form" role="search">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
            <div class="input-group-btn">
                <button class="btn btn-default" type="submit"><i class="glyphicon-search"></i></button>
            </div>
        </div>
    </form>
</div>

---

使用glyphicon时，必须始终添加单个类“glyphicon”。您可以看到，bootstrap3上的示例

错误用法

<i class="glyphicon-search"></i>

<i class="glyphicon glyphicon-search"></i>

正确用法

<i class="glyphicon-search"></i>

<i class="glyphicon glyphicon-search"></i>