引导程序选择的选项不显示

Question

我知道这个问题已经发布了很多次了，但是我的问题很特别。

我正在使用Bootstrap 4来显示带有选项的选择

<select class="form-control" name="quantity">
        {% for quantity in product.product.quantity|generate_list %}
            <option value="{{quantity}}">{{quantity}}</option>
        {% endfor %}
</select>

如您在两个图像中看到的那样，虽然显示了选项，但是所选的选项不可见，即使我手动对其进行了更改。

我已经尝试过使用Bootstrap 3，但仍然无法正常工作。仅当我删除form-control类时才有效，这不是我想要的。