html - 如何前置+附加到搜索查询？

Question

您好，在使用 twitter bootstrap 时我遇到了这个问题，我不能同时将按钮添加到带有 class="search-query"的输入中。但是，我可以这样做:

<form class="form-search">
<div class="input-append">
<input type="text" class="span2 search-query">
<button type="submit" class="btn">Search</button>
</div>
<div class="input-prepend">
<button type="submit" class="btn">Search</button>
<input type="text" class="span2 search-query">
</div>
</form>

但如果我尝试将两个类放在一起，它就不起作用了。有什么建议吗？

谢谢，问候。

Answer 1

基于 Bootstrap 文档中的代码，值得一看。

<div class="input-prepend input-append">
  <div class="btn-group">
    <button class="btn">
      Search
    </button>
  </div>
  <input class="span2" type="text">
  <div class="btn-group">
    <button class="btn">
      Search
    </button>       
  </div>
</div>