如何在引导程序 4 中设置文件浏览器大小

Question

我如何使文件浏览器变大（或变小）
期望像custom-file-lg这样的东西

下面是来自 Bootstrap 4 文档的原始片段

<div class="custom-file">
  <input type="file" class="custom-file-input" id="customFile">
  <label class="custom-file-label" for="customFile">Choose file</label>
</div>

Answer 1

Bootstrap 4 不提供lg文件输入。实际可视化的是custom-file-label，而不是输入。您可以添加form-control-lg d-inline-block到标签，然后添加一些自定义 CSS 以获得正确的高度：

.custom-file-label,
.custom-file-label::after {
    height: initial;
}

https://www.codeply.com/go/OYHJuyFLvS