html - Bootstrap 选择选项比输入宽

Question

我不知道为什么，但在屏幕尺寸 1024 x 768 上，我从 select 中选择的选项太大了。我怎样才能使这个选项像选择一样宽度？ 我只想在 bootstrap 4 上执行此操作，并且仅使用 bootstrap 中的类，但我不知道或者有可能而且我不知道为什么这个选择会这样。在更大的屏幕尺寸上一切正常。 如何解决？ 这是我的代码:

  <div class="row">
        <div class="col-sm-6" style="border: 1px solid black">
            <span class="font-weight-bold">Data</span>
                <form role="form">
                    <div class="form-group">
                    <label class="control-label">Choose</label>
                    <select class="form-control" name="docType">
                        <option value="paragon">Test1</option>
                        <option value="complaint">Test2</option>
                    </select>
                    </div>
                    <div class="form-group">
                        <label for="docNo">Data</label>
                        <input type="text" class="form-control" id="docNo">
                    </div>
                    <div class="form-group">
                        <label for="docDate">Data</label>
                        <input type="text" class="form-control" id="docDate">
                    </div>
                </form>
        </div>
      <div class="col-sm-6">
       Test            
      </div>
    </div>

Answer 1

您的 CSS 中是否有某些东西强制选项为静态像素大小，而不是让 bootstrap 的宽度只是自动？