如何同时Prepend +附加到搜索查询?

时间:2013-02-04 11:40:57

标签: html css twitter-bootstrap

嗨,虽然使用twitter bootstrap我已经提出了这个问题,但我不能将+ append按钮添加到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>

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

谢谢,并且问候。

1 个答案:

答案 0 :(得分:0)

基于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>