用bootstrap写一个文件上传框并美化样式

好的，下面是一个美化后的文件上传框的 Bootstrap 代码：

<div class="custom-file">
  <input type="file" class="custom-file-input" id="customFile">
  <label class="custom-file-label" for="customFile">选择文件</label>
</div>

需要注意的是，这里使用了 Bootstrap 的 `.custom-file` 类来美化文件上传框的样式。`input` 元素的 `class` 属性设置为 `custom-file-input`，`label` 元素的 `class` 属性设置为 `custom-file-label`。在 `label` 元素中，可以填写自定义的文本，这里填写了“选择文件”。

为了使得文件上传框更加美观，可以添加一些自定义样式，比如修改选择文件的文本颜色、背景颜色，修改上传按钮的样式等。可以在 CSS 文件中添加以下样式：

.custom-file-label {
  color: #fff;
  background-color: #007bff;
}

.custom-file-input:focus~.custom-file-label {
  border-color: #007bff;
}

.custom-file-input::before {
  border-radius: .25rem;
  background-color: #007bff;
}

.custom-file-input::after {
  display: none;
}

这些样式将选择文件的文本颜色设置为白色，背景颜色设置为蓝色，上传按钮的样式修改为圆角矩形，背景颜色也设置为蓝色。