bootstrap有没有加号正方形框的图片上传框

Bootstrap本身并没有直接提供一个包含加号正方形框的图片上传组件，但是你可以通过第三方库或者自定义CSS和HTML来创建这样的效果。例如，可以使用Bootstrap的模态（Modal）结合一个简单的文件输入元素（`<input type="file">`），然后使用图标库如Font Awesome来添加加号图标。你可以在模态内部设计一个正方形的容器，并在其中放置加号图标作为选择按钮。

以下是一个简化的示例：

<!-- 引入Bootstrap CSS和jQuery -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>

<!-- 引入Font Awesome图标库 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">

<!-- 自定义样式 -->
<style>
.modal-content {
  width: 400px;
}
.upload-btn {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  cursor: pointer;
  font-size: 18px;
}
</style>

<!-- 使用模态和加号图标 -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#imageUploadModal">
  <i class="fas fa-file-image-o"></i> 上传图片
</button>

<div class="modal fade" id="imageUploadModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <input type="file" id="imageFileInput" style="display: none;">
      <div class="upload-btn">
        <i class="fas fa-plus-square"></i>
        选择图片
      </div>
    </div>
  </div>
</div>