bootstrap中间图片两边纯色背景

Bootstrap中创建中间图片两侧有纯色背景的效果，通常可以使用HTML结构配合CSS样式来实现。以下是一个基本的示例：

<div class="container text-center">
  <div class="row">
    <div class="col-md-4 bg-dark rounded"> <!-- 左侧纯色背景 -->
      <img src="left-side-image.png" alt="左侧图片描述">
    </div>
    <div class="col-md-4 center-block"> <!-- 中间图片 -->
      <img src="main-image.png" alt="主图描述" class="img-fluid">
    </div>
    <div class="col-md-4 bg-dark rounded"> <!-- 右侧纯色背景 -->
      <img src="right-side-image.png" alt="右侧图片描述">
    </div>
  </div>
</div>

这里关键CSS样式包括：
- `.bg-dark` 或其他颜色类设置背景颜色；
- `rounded` 给背景添加圆角；
- `.center-block` 确保图片在容器内居中。

如果你想要自适应响应式布局，可以使用`.col-sm-*`, `.col-md-*`, `.col-lg-*`等不同屏幕尺寸下的列宽。