css - Bootstrap Image Between Column -

What would be the best / correct way to repeat the following using the bootstrap? I have four columns, each of which 25% is wide, and I want to add an image column to 30% of all types of mobile to desktop.

< Div class = "post-text" itemprop = "text">

simple

  & lt; Div class = "row" & gt; & Lt; Div class = "colonel-xs-3 pull-left" & gt; & Lt; Div squared "col-xs-10" & gt; & Lt; Img src = "envelop.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; Div squared "col-xs-2 text-center" & gt; & Lt; Img src = "plus.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "colonel-xs-3 pull-left" & gt; & Lt; Div squared "col-xs-10" & gt; & Lt; Img src = "envelop.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; Div squared "col-xs-2 text-center" & gt; & Lt; Img src = "plus.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "colonel-xs-3 pull-left" & gt; & Lt; Div squared "col-xs-10" & gt; & Lt; Img src = "envelop.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; Div squared "col-xs-2 text-center" & gt; & Lt; Img src = "plus.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "colonel-xs-3 pull-left" & gt; & Lt; Div squared "col-xs-10" & gt; & Lt; Img src = "envelop.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; Div squared "col-xs-2 text-center" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

PS: You can use text or content for + sign ... !! I prefer text / content because this image will render again.