Twitter bootstrap 带输入的引导输入组lg按钮问题

当我使用输入组时，一切正常，但当我使用输入组lg时，Go按钮转到下一行

<div class="input-group-lg">
    <input type="text" class="form-control" placeholder="http://">
      <span class="input-group-btn">
      <button class="btn btn-default " type="button">Go!</button>
    </span>
</div>

我用pull left在input中解决了这个问题，但现在它不能以小分辨率正确显示。input group lg是一个修饰符类，需要在input group之外使用，而不是代替input group。因此，您的代码片段应该是：

<div class="input-group input-group-lg">
  <input type="text" class="form-control" placeholder="http://">
  <span class="input-group-btn">
    <button class="btn btn-default " type="button">Go!</button>
  </span>
</div>

大多数引导类都遵循这种模式。

input group lg是一个修饰类，需要在input group之外使用，而不是代替input group。因此，您的代码片段应该是：

<div class="input-group input-group-lg">
  <input type="text" class="form-control" placeholder="http://">
  <span class="input-group-btn">
    <button class="btn btn-default " type="button">Go!</button>
  </span>
</div>

大多数Bootstrap的类都遵循这种模式。

我已经解决了这个问题：

我为我的按钮添加了id=search\u按钮

<div class="input-group input-group-lg">
<input type="text" class="form-control" placeholder="Username"/>
<span class="input-group-btn">
<button id="search_button" class="btn btn-primary" type="button">GO</button>
</span>
</div>

#search_button {
    width: 90px;
    margin: 0 auto;
    text-align: justify;
}

就这些

我用这种方式解决了：

我为我的按钮添加了id=search\u按钮

<div class="input-group input-group-lg">
<input type="text" class="form-control" placeholder="Username"/>
<span class="input-group-btn">
<button id="search_button" class="btn btn-primary" type="button">GO</button>
</span>
</div>

#search_button {
    width: 90px;
    margin: 0 auto;
    text-align: justify;
}

---

就这些

哦。。！我犯了多大的错误。谢谢。请你把答案贴出来好吗？哦。。！我犯了多大的错误。谢谢。请你回帖好吗？