This forum is now read-only. Please use our new forums at discuss.codecademy.com.

Make a Website: Bootstrap Forum

View Course » View Exercise

349 points
36a4a5e8c99d72c075e2f26c10831ee0?s=140&d=retro
Submitted by
lecrash
over 3 years ago

[resolved] Images piled up one over the other...

I'm trying to set up some images in this are, so they go inline (one along side the other), a couple go on the left a couple go on the right (same way you guys set up the menu up top). But all the images just pile on top of one another...

<div class = "footpage">
    <div class = "container">
        <div class = "row">
            <div class = "col-xs-1">
                <div class = "software">
                    <img src = "images/logos/maya.jpg" height="42" width="42">
                    <img src = "images/logos/nukeX.jpg" height="42" width="42">
                    <img src = "images/logos/pftrack.jpg" height="42" width="42">
                    <img src = "images/logos/sfx.jpg" height="42" width="42">
                </div>  
            </div>
        </div>
    </div>

I'm using bootstrap 3.1.1, and made a change on row to right, I can set it up back to left again, but I can't seem to get the split you guys got on top.

Also, if on the top menu, I wanted a text centered how do I make it stay inline? Instead of shifting the menu down.

Help is much appreciated.


1 vote

permalink

I can get you started on this but we may have to call in someone more experienced with Bootstrap.

What you have there is 1 column, that column is your software div. That means all of your icons will be bunched together in that one column. If you want them spread across the page then you'll need more columns.

Have you had a look at this?: http://getbootstrap.com/css/#grid-options

3691 points
55df2afa95e3787b9200005e_359368177
Submitted by
Judy
over 3 years ago

2 Comments

36a4a5e8c99d72c075e2f26c10831ee0?s=140&d=retro lecrash over 3 years ago

Woohoo, this worked... I separated each by it's own column, and now they are in line. Hopefully when I add the other things that go on the left, I'll be able to keep them in line

55df2afa95e3787b9200005e_359368177 Judy over 3 years ago

That's great! When you are done, you should show us your results.


0 votes

permalink

I'm about to head, out... but I see what you mean and I think I can fix it.

I'll update this once I'm back, should be in a couple of hours. Thanks for the help!!

349 points
36a4a5e8c99d72c075e2f26c10831ee0?s=140&d=retro
Submitted by
lecrash
over 3 years ago