CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Micheal
Micheal

Reputation: 23

floating items in a column (bootstrap3)

i im trying to convert this design into css:

design

<div class="col-md-4">
    <article class="features">
        <div class="features-icon">        
            <i class="fa fa-leaf"></i>
        </div>
        <div class="features-content">
           <h3>Branding</h3>
           <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore</p>
        </div>
    </article>
</div>

when i just float the icon the text takes the space under icon. when i float both icon and content they just stack on top of each other.

Upvotes: 0

Views: 34

Answers (1)

khv2online
khv2online

Reputation: 100

use mediaobject component from bootstrap3: http://getbootstrap.com/components/#media

Upvotes: 1

Related Questions