我尝试在搜索表单旁边放置一个搜索图标,但它无法正常工作。我在这里尝试了一些解决方案但没有一个可行我该怎么办?
这是源代码
<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>
答案 0 :(得分:6)
使用glyphicons时,必须始终添加单个类“glyphicon”。你可以在bootstrap3 components page
上看到这个例子使用错误
<i class="glyphicon-search"></i>
正确使用
<i class="glyphicon glyphicon-search"></i>