html - 加入 twitter bootstrap 搜索框和搜索按钮，并在搜索按钮的右侧 flex

Question

这是我的 Bootstrap 代码

 <div class="input-append" align="center" > 
           <input type="text" name="q" class="span2 search-query" placeholder="Snipp or Tag"/> 

           <button type="submit" class="btn">Search</button> 

        </div>

这是一个jsfiddle

有没有办法加入搜索框和搜索按钮，并在 Search 按钮的右侧 flex

Answer 1

控制搜索按钮的border-radius 的css 类是.form-search .input-append .btn。要应用该类，请在具有该类的 input-append div 周围添加一个表单或 div。

像这样:

<div class="form-search">
 <div class="input-append"> 
  <input type="text" name="q" class="span2 search-query" placeholder="Snipp or Tag"/><button type="submit" class="btn">Search</button> 
 </div>
</div>

这是 documentation 的链接，这是对您的 jsFiddle 的更新.