Html 如何在两个div之间添加图像

如何在我的代码中添加两个div之间的图像，如“电影我”

使用flexbox（不确定这是否会破坏引导行为，但我认为不会）：

HTML:

---

谢谢就像魅力一样有效，但当我添加图像时，响应性受到了影响。你能帮我解决这个问题吗？你需要删除div（只是一个例子）并将样式仅应用于你的图像。请参见此处（添加边界半径使其变圆，如果不需要，请删除）。请随意接受答案，如果它解决了您的问题，我需要评分；-）

<div class="row-fluid">
    <div class="col-sm-6 col-xs-6" style="background-color: red;height: 100%">
        <hello>
    </div>
    <div class="col-sm-6 col-xs-6" style="background-color: blue;height: 100%">
        <hello>
    </div>
</div>

 <div class="row-fluid">
  <div class="col-sm-6 col-xs-6" style="background-color: red;height: 100%">
    <hello>
  </div>

  <!--Example div could be an image-->
  <div class="image"></div>

  <div class="col-sm-6 col-xs-6" style="background-color: blue;height: 100%">
    <hello>
</div>

.row-fluid { 
  height: 100%; 
  display : flex;
  align-items : center;
  justify-content :center;
}

.image {
  /*Relevant part for image div*/
  position : absolute;
  z-index: 100;

  /*Less relevant part for image div*/
  width : 50px; 
  height : 50px; 
  background-color:green; 
}