Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Ildar Alishev
Ildar Alishev
Courses Plus Student 5,326 Points

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

Ildar Alishev
PLUS
Ildar Alishev
Courses Plus Student 5,326 Points
Ildar Alishev
Ildar Alishev
Courses Plus Student 5,326 Points

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

Ryno Botha
Ryno Botha
Courses Plus Student 4,055 Points
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/

Ildar Alishev
PLUS
Ildar Alishev
Courses Plus Student 5,326 Points
Ildar Alishev
Ildar Alishev
Courses Plus Student 5,326 Points

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

Ildar Alishev
PLUS
Ildar Alishev
Courses Plus Student 5,326 Points
Ildar Alishev
Ildar Alishev
Courses Plus Student 5,326 Points

Thank you very much!!!!!