Html 输入元素显示在屏幕的整个宽度上

我使用bootstrap生成带有前置文本的输入元素，使用来自

@

问题在于输入显示错误：

这就是它应该显示的方式

我已经删除了css文件中的所有内容，以测试问题是否存在，但事实并非如此。

---

我认为css可以解决这个问题，但我不知道如何解决。

如果发生这种情况，你的类不会调用css来修复它们。

它正在按预期工作……谢谢@deckp，我想问题是，当我传递到当前模板时，我在一个基本模板中有boostrap链接。再次感谢！是的，谢谢！！，这正是我遇到的问题，由于某种原因，另一个引导链接导致了冲突，在被删除后，它起作用了

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