Question

I have a fixed (span12) container. Within that I have a span3 sidebar, and a span9 content area.

Within the span9 content area, I have 2 images. I want them to split 50/50, and still be responsive, so that when my screen is huge, they span the full width of the content area, and yet when they are resized to be in a 1024 area, they shrink, not wrap.

Here’s my working example, but with span5 and a span4 thumbnails. How do I get 50/50, so basically span4.5 ?

http://dl.dropbox.com/u/240752/custom/test.html

Thanks.

Answer 1

Use a row-fluid to nest a 12-column layout in your span9

<div class="span9">
    <div class="row-fluid">
        <div class="span6">
        </div>
        <div class="span6">
        </div>
    </div>
</div>