WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
Columns and Images (3 posts)

  1. dred4
    Member
    Posted 8 months ago #

    I'm having great difficulty with trying to balance my columns using twitter bootstrap. I have 5 images that I want to line up side by side on a page that has a right sidebar. I am using the span and row fluid tags, but cannot seem to align the images next to each other.

    I am trying this:
    <div class="span6">
    <img class="size-thumbnail wp-image-168" width="100" height="100" src=".........." alt=".........">

    <p>.....</p>
    </div>

    So with every image I am using the above and replacing the .....with my content.

    I assume that with the "row fluid" the span does not have to equal 12 or 24? With a sequence of five images aligned next to each other, what would be the right syntax or tags to use?

    Many thanks

  2. rdellconsulting
    Member
    Posted 8 months ago #

    I'd suggest you try 5 x span2 which is closest to span12. The span12 will work against the Parent, so if Parent is span6 (ie 50% of width) then the span2's will be 2/12 of 50%. Hope that's clear ;)

    In your <img> above, your 100 needs to be either 100px or 100% to avoid ambiguity.

  3. dred4
    Member
    Posted 8 months ago #

    Thanks. I've done just that and it seems to work fine.

Reply

You must log in to post.

About this Theme

About this Topic