column space

by stan griffin

HTML

<section id="features">
      <div class="section-inner">
        <div class="container">
        <h3 class="section-title">Example</h3>
              <div class="subtitle webinar">Here :</div>
              <br></br>
          <div class="row">
            <div class="span4 box">
            <div class="box-icon">
    <img width="60" height="60" src="http://i.imgur.com/vPkeDtI.png"/>
</div>
              <h3>Easy to modify</h3><p class="intro"> image1</p>
              <p>An all-around, well built, clean &amp; modern WordPress theme for all your corporate or personal needs.</p>
            </div>
            <div class="span4 box">
           <div class="box-icon">
    <img width="60" height="60" src="http://i.imgur.com/vPkeDtI.png"/>
</div>
              <h3>Bootstrap grid</h3><p class="intro"> image2</p>
              <p>An all-around, well built, clean &amp; modern WordPress theme for all your corporate or personal needs.</p>
            </div>
            <div class="span4 box">
              <div class="box-icon">
    <img width="60" height="60" src="http://i.imgur.com/vPkeDtI.png"/>
</div>
              <h3>Font icons</h3><p class="intro"> image3</p>
              <p>An all-around, well built, clean &amp; modern WordPress theme for all your corporate or personal needs.</p>
            </div>
            <div class="spacer hidden-phone"></div>
            <div class="span4 box">
             <div class="box-icon">
   <img width="70" height="70" src="http://i.imgur.com/vPkeDtI.png"/>
</div>
             <h3>Font icons</h3><p class="intro"> image4</p>
              <p>An all-around, well built, clean &amp; modern WordPress theme for all your corporate or personal needs.</p>
            </div>
            <div class="spacer hidden-phone"></div>
            <div class="span4 box">
             <div class="box-icon">
   <img width="70" height="70" src="http://i.imgur.com/vPkeDtI.png"/>
</div>

CSS

/*!
 * Bootstrap Responsive v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:inherit!important}.hidden-print{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom...