Twitter引导输入-组问题

Question

<form class="navbar-form nav-search form-inline" role="form">
   <div class="form-group">
      <div class="input-group">
         <input type="search" class="form-control input-sm input-search" id="filter-input" placeholder="Type to filter..">
          <span class="input-group-btn">
              <button class="btn btn-default btn-sm" type="button">x</button>
          </span>
        </div>
      </div>
  <button type="submit" class="btn btn-primary btn-sm btn-search">Search</button>
</form>    

http://jsfiddle.net/XfzFQ/22/

当我使用输入组时，它会变得疯狂。我找不到解决办法。帮帮我!

Answer 1

这也是一个问题在引导。Github.com/twbs/自助/发布/9950解决方案正在攻击引导程序，并提供给表单组style="width:200px"。jsfiddle.net/9Z4MN/3

Answer 2

我发现最好的解决方案是在移动设备的媒体查询中纠正这个问题。这给了我想要的桌面效果，以及平板电脑/手机的100%宽度：

@media screen and (min-width: 768px) {
    .form-group {
        width: 200px;
    }
}