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

Question

我正在使用 bootstrap 制作带有前置文本的输入元素，使用来自

的代码

https://getbootstrap.com/docs/4.0/components/input-group/#basic-example

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

问题是输入错误显示：

这是它应该如何显示

我已经删除了我的 css 文件的所有内容来测试问题是否存在，但实际上并没有。 我认为可以用 css 修复，但我不知道如何。

Answer 1

为此，您的类不会调用它们的 CSS。