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> 

Popular posts from this blog

php - How should I create my API for mobile applications (Needs Authentication) -

5 Reasons to Blog Anonymously (and 5 Reasons Not To)

Google AdWords and AdSense - A Dynamic Small Business Marketing Duo