We help IT Professionals succeed at work.

How to add icons into a col-md-4 css bootstrap

adra750
adra750 asked
on
Hello,

I have 3 columns and I want to add at the top of each text section an icon on top of it, Also how to justify the text because it looks not organized

screenshot is provided
Comment
Watch Question

RobOwner (Aidellio)
Most Valuable Expert 2015

Commented:
just add them at the top of the column:

<div class="col-md-4>"<center><img class="img-responsive" src="http://experts.cachefly.net/files/2014/01/15/dc502fee-e30b-4077-9b76-a4939ea76b7c.jpg" /></center>
....
</div>

Or am I missing something?  Are you trying to add the icons after the page has loaded?

Author

Commented:
Thank you Rob for your answer, I noticed that it waits for the page to load then the image shows up then. No, actually i need all the information to be loaded at the same time, same thing for the icon.

Or maybe because this is an image from a link and I need to store it locally for fast show?
Owner (Aidellio)
Most Valuable Expert 2015
Commented:
That's right.  Showing any image will always depend on where it is hosted.  Text will load faster than an image in most cases.  You could use javascript to pre-load images and display your page only once everything has loaded.

Author

Commented:
Ok I will try to add some local hosted icons.

What about how to justify the text ?
RobOwner (Aidellio)
Most Valuable Expert 2015

Commented:
div {
  text-align: justify;
}