Twitter bootstrap 输入组内的引导按钮显示为与输入分离 问题描述

我得到了一个简单的代码，我想在输入的右边显示两个按钮。但按钮似乎与输入“分离”。我不想玩负利润的游戏

---

虽然当我运行你的代码时，它对我来说运行得很好。但我为你准备了另一个模板。我就是这样做的

工作示例

---

这是一个很老的问题，但我刚刚遇到了这个问题，我想发布一篇文章，以防有人先到这里，而不是直接去

@

这可能是一个非常愚蠢的建议，但是看看，对于

输入组btn

分类元素，他们使用

div

，而不是

span

。。。如果您使用

div

..，会有什么不同吗？…顺便说一句，在bootply中尝试了您的代码，它工作正常，所以其他一些东西（其他CSS规则）似乎导致了这种行为：谢谢。我的CSS上确实有东西坏了。从零开始是一条路。

    <div class="input-group mb-3">
      <div class="input-group-prepend">
       <span class="input-group-text" id="basic- 
            addon1">@</span>
      </div>
        <input type="text" class="form-control" 
          placeholder="Username" aria- 
          label="Username" aria- 
          describedby="basic- 
          addon1">
     </div>