Columns and Images

  • dred4

    (@dred4)


    12 years, 7 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

Viewing 2 replies - 1 through 2 (of 2 total)
  • rdellconsulting

    (@rdellconsulting)

    12 years, 7 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.

    Thread Starter dred4

    (@dred4)

    12 years, 7 months ago

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

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Columns and Images’ is closed to new replies.