Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Bootstrap image and text position

Hello having some problem with bootstrap etxt position in the same div with my image here is the code

    <div class="col-xs-3 col-md-4">
                <img src="img/info.png" class="img-responsive" alt="Responsive image">
                <p>Text</p> 
                </div>

But problem uis tath by all means this image is on the top and text is ont he bottom. How i can make this text to be shown like it is using float: left property. I men image from the right position and text from the left.

Thank you!

4 Answers

So it mean that i should just use another class right????

Ryno Botha
Ryno Botha
Courses Plus Student 4,055 Points

The class isn't working because of the space, make sure its just one class.

You can also try creating your own class to fix the problem x)

Here they explain how to put the image next the Text:

http://www.inmotionhosting.com/support/edu/website-design/insert-images-website/align-float-images-css

(But yes, you'll have to use another class for it to work or maybe using only one, like this:

<div class="col-md-4">

or

<div class="col-xs-3">

)

Plus if you want to make it Fluid and responsive Look here:

http://trentwalton.com/2012/06/19/fluid-type/

http://css-tricks.com/css-media-queries/

or is there any way of how i can make text to be fluid too????

Thank you very much!!!!!