所以我现在所拥有的是:
但我想在左侧的文本框中包含图标搜索ICON SEARCH.
这是我的代码:
<form class="navbar-form pull-left form-search"> <select> <option>Search patient by...</option> <option name="fname">Firstname</option> <option name="fname">Lastname</option> <option name="fname">Last follow up</option> </select> <div class="input-append"> <input data-provide="typeahead" data-items="4" type="text" class="span2 search-query"> <button class="btn">Search</button> </div> </form>
那么任何想法如何实现这一目标?谢谢.
解决方法
检查这个
Fiddle
<form class="navbar-form pull-left form-search"> <div class="input-append"> <input data-provide="typeahead" data-items="4" type="text" class="span2 search-query" style="background:url(http://twitter.github.io/bootstrap/assets/img/glyphicons-halflings.png) no-repeat -38px 9px"> <button class="btn">Search</button> </div> </form>