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>