How do you make images appear to the left of text in bootstrap -
im trying replicate effect seen in this theme
so far have got 4 icons text underneath, not want,
<div class="gridcontainer"> <!-- sections of page, used smooth scrolling --> <section id="about" class="smooth-scroll"> <!-- 4 column grid system --> <div class="col-sm-3 text-lefts"> <!-- grid content goes here --> <img class="producticon" src="images/closed-door-with-border-silhouette.png" alt="doors" /> <h4>doors</h4> <p>delivered in choice of facing-veneered, laminated or primed internal painting, certified fire rating, factory glazed design , prepared lock fitting.</p> </div> <div class="col-sm-3 text-left"> <!-- grid content goes here --> <img class="producticon" src="images/closed-doors-with-windows.png" alt="door sets" /> <h4>doorsets</h4> <p>the easy way ensure co-ordination , quality of interior design specification. select components , leave rest us.</p> </div> <div class="col-sm-3 text-left"> <!-- grid content goes here --> <img class="producticon" src="images/locked-padlock.png" alt="security doors" /> <h4>security doors</h4> <p>guaranteed protection line of defence recognised industry leader in timber based security door systems. </p> </div> <div class="col-sm-3 text-left"> <!-- grid content goes here --> <img class="producticon" src="images/portable-toilet-doors.png" alt="washroom cubicles" /> <h4>washroom cubicles</h4> <p>choose extensive range of colours , sizes available suit many applications in construction , leisure industries.</p> </div> </section> </div>
can 1 me?
http://www.bootply.com/vtvcnoyllg#
<div class="container2" style="display:table"> <div style="width:100px; display:table-cell; vertical-align:top;"> <img src="http://ecx.images-amazon.com/images/i/21-lekb-zsl._sl500_aa300_.png" style="float:left; width:50px; height:50px;"></div> <div style="width:300px; display:table-cell; vertical-align:top;">lorem ipsum integer posuere quam sem. sed congue pharetra felis et sollicitudin. lorem ipsum integer posuere quam sem. sed congue pharetra felis et sollicitudin.</div> </div>