Hi,
I just started playing around with bootstrap last night, and it's
great. But I got stuck quickly when trying to lay out a page header.
The header has a Google banner ad and some content that displays to
the right of the banner ad. So, I the following structure with the
940px fixed layout:
<div class="row">
<div class="span8">
banner
</div>
<div class="span4">
...
</div>
</div>
When I resize the browser window to make it narrow, the two divs
overlap before the right one responds to the narrower width by
"popping" under the banner.
I think what happens is that as the browser window narrows, a single
column get's smaller and smaller, and that at some point eight columns
is not wide enough to hold the banner and it overlaps with the right
div.
I'd like:
(1) the right content to pop under before it overlaps and
(2) not have a large space between the two divs in the "normal" 940px
width.
How can I do this?
Thanks,
m
